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

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

作者: 猿分让我们相遇 | 来源:发表于2019-05-27 16:42 被阅读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
          })
    ```

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/gnnhtctx.html