vue2组件通信之$parent/$root

兄弟组件之间通信可通过共同祖辈搭桥,$parent或$root

组件A监听数据

this.$parent.$on('foo',msg=>{

console.log(msg)

})

this.$root.$on('foo',msg=>{

console.log(msg)

})


组件B传递数据

this.$parent.$emit('foo','传输数据')

this.$root.$emit('foo',传输数据)

你可能感兴趣的:(vue2组件通信之$parent/$root)