vue组件传参

父子组件通信

1、父组件给子组件传递数据,请查看下面这篇文章 vue中的prop
2、子组件给父组件传递数据(一般不推荐)
需要借助 emit 事件,可以传递数据和调用父组件的方法
vue组件传参_第1张图片
vue组件传参_第2张图片

兄弟组件通信

兄弟组件之间的通行需要借助第三方,如bus.js
bus.js

import Vue from 'vue';

// 使用 Event Bus
const bus = new Vue();

export default bus;

需要通信的两个文件都要要引入一下这个文件

bus.$emit("collapse", this.collapse); //  发出信息
// 这个方法一般放在生命周期函数中
bus.$on("collapse", msg => {    //  收到请求
  this.collapse = msg;
});

vuex通信

你可能感兴趣的:(vuejs)