vue的Bus使用

父子页面的传参

1、定义Bus

import Vue from 'vue'
const Bus = new Vue()
export default Bus

2、挂载Bus

将bus挂载到vue.prototype上

在main.js中
import Bus from './lib/bus'

Vue.prototype.$bus = Bus

3、子组件调用

在子组件中通过this.$bus.$on(), this.$bus.$emit()来调用,组件一给组件二赋值

  • 组件一 email.vue

    
    
    
    
  • 组件二 tel.vue

    
    
    
    

你可能感兴趣的:(vue的Bus使用)