2018-09-25 vue 非父子组件间通信

新建一个文件bus.js

image.png

import Vue from 'vue'
export default new Vue

需要传出的组件
<a @click="jump('/pregnancy')">孕婴专区</a>

import Bus from '@/util/bus.js'

...

methods: {
    jump(url) {
      this.$router.push(url)
      Bus.$emit('active', url)
    }
  }

需要接收的组件

import Bus from '@/util/bus.js'

...

 mounted() {
    let self = this
    Bus.$on('active', (e) => {
      self.activeIndex = e
      console.log(`传来的数据是：${e}`)
    })
  },