Vue 组件通信方式

包括父->子,子->父,以及无关系组件等三种

父组件-->子组件通过props属性通信

子组件-->父组件通过监听事件$emit的方式通信

其他组件通信通过中央事件总线(事件车)的方式通信

如果无关系组件是兄弟关系,也可以用父组件作为中转,其中一个子组件通过$emit传给父组件,

父组件再通过v-bind传递给另外一个子组件

//父组件







//子组件1
    

    

      


//子组件2







//中央事件总线(事件车)
import Vue from "vue";
export default new Vue;

 文件顺序

Vue 组件通信方式_第1张图片

你可能感兴趣的:(Vue,vue)