罗锐原数据分享

一、组件通信

1.props方式子父传值，红色父传子【直接将参数放到主键上面】，蓝色框子传父【父亲给一个回调函数，子去接收方法并调用方法传值】。

2.自定义事件，子传父

3.mitt通信

安装

创建文件夹和文件

代码编写

引入

使用方法

兄弟组件通信

4.v-model通信，也就是UI组件通信

html原生组件的，v-model底层写法

自定义组件的，v-model原生写法

自己封装的组件支持v-model

html组件与自定义组件$event的使用

v-model可以改名，那也就是说可以写多个v-model

5.$attr传值给子组件，可以跨多个组件给最低层组件

爷组件，【x,y就等同于:x="100" :y="200"】

父组件，不接收，如果接收了$attr就读不出来了

孙组件

6.$refs获取多个子组件数据，并修改

父组件，获取子组件数据，并修改

子组件数据必须暴露出去

7.$parent操作父组件数据

父组件

子组件

8.provide、inject隔代通信

爷组件

孙组件

9.插槽：slot，父组件给子组件传递html代码

默认插槽

具有名字的插槽

写法二

作用域插槽：数据在子，结构在父

结合名称插槽