美文网首页
vue中的组件通信的几种方法

vue中的组件通信的几种方法

作者: 小螃蟹_5f4c | 来源:发表于2019-09-26 10:48 被阅读0次

    1、父子通信
    父-->子 直接通过props即可
    子-->父 通过自定义事件$emit来对父组件进行传参

    可使用组件的this.$parent.[属性名称]和this.$child[0].[属性名称] 来直接赋值一样方法的传参

    2、爷孙
    爷孙之间传参可用$attrs和$listener传参 具体用法查看官网https://cn.vuejs.org/v2/api/#vm-attrs
    几种传值方式

    3、普通组件之间的传值
    全局bus
    在需要接收的值的组件需要的位置定义一个自定义函数

          this.$bus.$on("test",function () {
              alert(1)
          })
    

    在需要传入值的组件调用这个函数

          this.$bus.$emit("test");
    

    即可

    相当于就是子传父的原理一样的 只是现在定义的是全局的对象和事件。

    4、Vuex
    ...

    相关文章

      网友评论

          本文标题:vue中的组件通信的几种方法

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