Alex_TD

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=参数. 返之也行。
 

 

posted on 2020-03-15 13:00  Alex_TD  阅读(4615)  评论(0编辑  收藏  举报