Vue 的组件之间如何通信
2018-08-19 本文已影响0人
郑无穷大
1.父子组件之间的消息传递
父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。
在上面的例子中，有父组件parent和子组件child。 1).父组件传递了message数据给子组件，并且通过v-on绑定了一个getChildData事件来监听子组件的触发事件； 2).子组件通过props得到相关的message数据,最后通过this.$emit触发了getChildData事件。
2.爷孙组件之间的消息传递
爷孙组件之间的消息传递通过子组件作为媒介来互动；
通过$emit，v-on来传递；
3、兄弟组件之间的消息传递
