插槽
slot插槽:
匿名插槽:
声明子组件的时候 里面写入slot标签(里面可以写默认内容),
在父组件调用的时候,在子组件标签里面写入需要填充的内容。
没有的话显示默认内容。
具名插槽:
在slot声明的时候添加name属性
在父组件里面利用 slot=name填充
作用域:
在slot标签中利用 v-bind:属性名字 子组件的值
子父标签的的son标签中利用template标签 slot-scope=对象名字
用数据对象.属性名来调用数据
v-slot:slot名字 或者直接用#名字 #属于v-slot的简写
只能写在template标签里面
动态插槽 template v-slot:[]
使
声明周期
指的是从生到死的一个过程
每一个组件从创建、挂载、更新、写在等一系列过程;
生命周期函数:
生命周期函数式一些钩子函数,在某个时间会被vue调用
生命周期钩子==生命周期函数==生命周期事件
生命周期的三个阶段:
三大阶段:
初始化显示、更新显示、销毁vue实例
beforeCreate()实例刚刚被创建出来,此时还没有初始化data和methods
created data和methods已经初始化完成
两个都是在模板创建之前
beforeMount 模板创建完成 但是还没有完成挂载
mounted末班已经挂载完成
模板更新
beforeUpdate模板更新之前
updated模板更新之后,
销毁
beforeDestroy
destroyed()
el:"" ==vue实例的.mount(选择器)
el和template 其中template的优先级更高
先创建vue beforeCreate created boforeMount 子组件
beforeCreate created beforeMount mounted
父组件mounted
vue实例没有鱼塘挂载 只会执行 beforeCreate 和 created
ref属性
在标签里面机上ref="名字"
通过vue实例.$refs.名字 使用属性
不同类的不同的变化
不同的transition 里面加上name属性
组件是组件对象,组件对象可以是调用data methods等等
原生的是原生的对象
动画
css .v-enter{opacity:0} 。v-enter-to{opacity:1} .v-enter-active{transition:属性 几秒}
.v-leave{opacity:1} .v-leave-to{ opacity:0} .v-leave-active
第一次加载 在transation里面加入appear属性
|