vue+iview+webpack下,bus.js状态管理

213 阅读1分钟

1.bus.js内容

import Vue from 'vue'
export default new Vue;

2.在需要的页面引入bus.js

import Bus from "路径"

3.引入的组件内触发$emit事件

 Bus.$emit('key', 'value')

4.另一个组件内部监听

 mounted() {
  Bus.$on('key', (a) => { //箭头函数传递参数a,a为传递过来的“value”,在另一组件内,用this.value接收 
        this.value = a
        }
    )
 }