美文网首页
父子通信 2018-05-29

父子通信 2018-05-29

作者: 你换一个昵称吧 | 来源:发表于2018-05-29 15:05 被阅读0次

    父传子


    在父组件上自定义一个属性并将想要传到子组件的数据用v-bind绑定到自定义属性上。

    在子组件里通过props["父组件自定义属性名"]进行接收,子组件在使用父组件传递过来的数据时,数据的名字应该为父组件的自定义属性名。

    子传父


    在子组件的methods中定义一个方法,方法通过this.$emit("自定义事件名称",要传送的数据)  在子组件中调用这个方法。

    在父组件中绑定子组件的自定义名称@自定义名称 并在methods中定义一个方法,此方法不用写形参 就可拿到子组件的数据。

    相关文章

      网友评论

          本文标题:父子通信 2018-05-29

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