Vue.js中组件通信的方法

  1. 父子组件的通信方法
    首先父组件需要v-bind绑定数据,在子组件中用props进行接收数据,这样,父组件中的数据变动时,就可以即时通知到子组件
    子组件如果要与父组件进行通信的话,子组件需要自定义事件$emit,父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件
// parent.vue


2.爷孙组件的通信是一级级上传,并不会冒泡,也就是说最底层需要一层层向外通知才可以到达最外层

你可能感兴趣的:(Vue.js中组件通信的方法)