我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

20230201-nodejs-day04

[复制链接]
博5237 发表于 2023-2-11 14:57:07 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
插槽
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属性   
回复

使用道具 举报

关注0

粉丝0

帖子83

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026