Vue中非父子组件之间进行传递数据

首先创建一个js类 VueEvent

import Vue from ‘vue‘
var VueEvent=new Vue();
export default VueEvent;

在传递数据的一方进行import

<script>
import VueEvent from ‘../model/vueEvent.js‘;
export default {

创建一个事件进行传递数据
$emit

  methods:{

  emitNews(){

?    VueEvent.$emit(‘to-news‘,this.msg)
  }  }

接收数据的一方一般用一个生命周期函数来进行接收
$on

  mounted(){
    VueEvent.$on(‘to-news‘,function(data){
        console.log(data);
    })

Vue中非父子组件之间进行传递数据

原文：https://www.cnblogs.com/ju-ruo/p/14866928.html