eventBus传值

1.在src新建config；然后新建event.js;

import Vue from 'Vue'
export const EventBus = new Vue()

2.在index.vue使用；

<script>
import { EventBus } from './../assets/js/event.js'
 beforeDestroy(){
    this.number++;
    EventBus.$emit('numberCount',this.number);
    EventBus.$off('numberCount',(number) =>{ // 销毁组件
      console.log(number);
    })
  },
  methods: {
   goDetail(data){
          this.$router.push({
          path: "/newsDetail",
      }) 
    },
}
</script>

3.newsDetails.vue

 created() {
    this.getNews();
    EventBus.$on('numberCount',(number)=>{
      console.log(number);
    })
  },
  beforeDestroy(){
    EventBus.$off('numberCount',(number) =>{  // 销毁组件
      console.log(number);
    })
  },

缺点： 页面刷新，数据就没有了；
https://www.jianshu.com/p/fde85549e3b0 这个作者写的挺好的，重点是后面的评论