Vue 多层组件传值,最外层组件>中间组件>最内部组件

多层组件传值:(传递属性,传递方法)

1.由最外往最内传值: 最外组件绑定属性:a='5',中间组件绑定v-on='$attrs' 最内组件 this.$attrs获取a=5;

2.由最内往最外传值:通过事件监听: 最内发射事件:this.$emit('b','China'), 中间组件绑定v-on='$listeners' 最外组件监听事件'b',触发绑定方法;

第二种:总线方法。

   通过定义一个Vue实例,最外层通过这个vue实例的bus.$emit(' b','参数') 在最内层组件 调用 bus.$on('b',(val)=>{console.log(val)}) val=参数. 返之也行。