vue分片注意
vueslot插槽内容(随便放什么),在组件中添加组件:Vue.component('child',{template:`
Hello,World!
`})使用:
你是谁,我是默认槽
命名槽(顾名思义就是给槽起个名字)name="aaa">
`})使用:
aaabbb你是谁,我默认slot.
作用域槽(组件上的属性,可以在组件元素内使用)在在
元素上定义一个属性work,使用组件child,在组件中的template元素上添加属性slot-scope并命名为setWork组件定义:Vue.component('child',{template:`
`})使用:
{{setWork}} Vue父子组件生命周期Vue实例需要创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程,这个过程就是vue的生命周期vue提供的钩子函数:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed,父子组件嵌套时,有自己的钩子函数说明:创建阶段:beforeCreate、created、beforeMount、mounted四个钩子functions更新流程:beforeUpdate,updated,父子流程——ParentBeforeUpdate->ChildBeforeUpdate->ChildUpdated->ParentUpdated销毁流程:beforeDestroy,destroyedVuekeep-alivekeep-alive是Vue的内置组件,可以保持被包含组件的状态,或者避免重新渲染,它有两个属性:include(被包含组件缓存)和exclude(被排除组件不缓存,优先级大于include)对应的生命周期:activated和deactivated使用方法:include/exclude使用regular或者是数组时,使用v-bind生效