VUE 4

4.1vue组件使用的细节点
VUE 4_第1张图片
(1)子组件数据data要定义成一个函数
(2)采用ref引用的方式操作DOM(不是组件上)
VUE 4_第2张图片
(3)采用ref引用(组件上)
VUE 4_第3张图片
VUE 4_第4张图片
4.2父子组件的数据传递(注意:子组件不能修改父组件传递过来的数据(单向数据流))可以自定义一个变量(复制的)放父组件传过来的值就可以修改父组件传过来的数据了。
(1)父传子
VUE 4_第5张图片
(2)子传父
VUE 4_第6张图片
4.3组件参数校验与非props特性
(1)组件参数校验
VUE 4_第7张图片
(2)非props(不用props接)
VUE 4_第8张图片
4.4给组件绑定原生事件(emit native)
VUE 4_第9张图片VUE 4_第10张图片
4.5非父子组件间的传值
VUE 4_第11张图片
4.6在Vue中使用插槽(重要)
VUE 4_第12张图片
4.7Vue中的作用域插槽
VUE 4_第13张图片
4.8动态组件与V-once指令
(1)动态组件
VUE 4_第14张图片
VUE 4_第15张图片
(2)v-once(好处:会放在内存不需要重新创建,提高静态内容的展示效率)
VUE 4_第16张图片

你可能感兴趣的:(VUE 4)