以前一直弄不懂组件之间的传值,今天终于懂了。下面是我自己的总结
组件之间数据的传值均是单向数据流。
1、父子(向下)传值:通过属性
// 1、传递的属性不能出现大写。需要用-分割。大写转为小写
// 2、从父级接收过来的数据是不允许直接修改。
// 3、接收过来的属性名,不允许与当前组件的数据名(data属性名)相同
2、子父(向上)传值:通过自定义事件
<wrap v-show="isShow" @abcdefg="changeIsShow"></wrap>
@click="$emit('abcdefg',false)"
3、非父子传值:通过bus.
*发布与订阅需要在同一个实例下才能够起效果。
$on:接收消息
$off:取消订阅。
$once:接收一次
$emit:发布消息
感谢千锋老师督促我!加油!