vue bus

vue bus使用

新建bus.js

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

在需要用到的组件引入

import bus from "../bus"

在A组件使用传参：

  e：需要传的参数
  bus.$emit('handClick',e)

在B组件使用：

e:接收传过来的参数
mounted () {    
  bus.$on('handClick', e=>{
    console.log(e)
  })  
}

父传子：props属性传值

父获取子方法数据：
       在子组件定义一个ref
       <man ref="content"></man>

在父组件使用：
        this.$refs.content.methods
        this.$refs.content.data

 子组件主动获取父组件的数据和方法
          this.$parent.data
          this.$parent.methods