Vue非父子传值 ----父子、非父子是基于同一页面而言的东西

2019-05-27  本文已影响0人  猿分让我们相遇

引入公共bus,相当于小hub,起中转站作用
第一步

//bus.js
import Vue from 'vue'
export default new Vue()

组件1:

  // 引入公共的bug,来做为中间传达的工具
  import Bus from './bus.js'
···
     // 用$emit事件来发送参数
  Bus.$emit('val', this.elementValue)

组件2:

  import Bus from './bus.js'
···
 var vm = this
      // 用$on事件来接收参数
      Bus.$on('val', (data) => {
        console.log(data)
        vm.name = data
      })
```
上一篇 下一篇

猜你喜欢

热点阅读