美文网首页
vue组件通信

vue组件通信

作者: 氿_cb05 | 来源:发表于2018-04-03 20:27 被阅读0次

    父传子

    父:自定义属性 + 你要传递的数据

    子: props[父组件上的自定义属性名称],进行接收

    传递数据的时候注意:

    父组件上的自定义属性名称必须是烤串形式

    子组件接收的时候props必须是驼峰


    子传父:

    子:this.$emit('自定义事件名称', 数据)

    子组件标签上绑定@自定义事件名称='回调函数'

    父:

    methods: {

    回调函数() {

    //逻辑处理

    }

    }


    兄弟:

    第一种:先:子传父;后:父传子

    第二种:利用空的Vue实例作为中转,使用场景:子父、兄弟、爷孙(多层嵌套)


                                               代码详细解答

     父子通信 

           通过 props 拿到数据


    子父通信

    兄弟通信

    相关文章

      网友评论

          本文标题:vue组件通信

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