vue 组件通信的5种方式

1.父组件传子组件 props

//父组件





//子组件





2.子组件传父组件 $emit

//子组件





//父组件





3.非父子组件的传值 bus(发布订阅模式)
(1) 在main.js里注册bus

Vue.prototype.Bus = new Vue()

(2)父组件

//父组件





(3)子组件1

//子组件1





(4)子组件2

//子组件2





4.vuex
待续...
5.v-model
待续...

你可能感兴趣的:(vue 组件通信的5种方式)