vue的传值方式

vue的传值

1.有三种传值方式有平行传值（就兄弟传值），嵌套传值（子到父，父到子）。
1.平行传值（兄弟）
平行传值也是通过$emit,$on来传递，先给俩兄弟绑定一个事件传输数据，这时要定义一个全局的vue空对象，使$emit（"属性名字"，所传递当前data的数据）的指向为共同的对象；用$on(“属性名”，function(data数据){})来接收

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190715193457270.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pTTl9fXw==,size_16,color_FFFFFF,t_70

2.嵌套传值（父到子，子到父）
1.父到子
通过在子组件标签上绑定自定义属性，属性值为父组件需要传递的数据，子组件对象内部通过props接收属性名，属性名指代的就是父组件的数据



3.子到父
//子的数据传给父
//events里有个EventEmitter类对象，有俩方法 on emit
//emit 给事件推送相应的数据 on 接收事件推送来的数据
//在子组件标签上绑定自定义事件，内部通过$emit给该事件推送组件数据，父组件内部通过函数参数接收