插槽 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属性 |
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |