美文网首页
Vue父子组件通信

Vue父子组件通信

作者: LIsPeri | 来源:发表于2017-10-03 19:59 被阅读0次

    一、父传子
    1、可以在父组件上使用自定义属性绑定数据;
    2、在子组件中需要显示的用props声明自定义属性名,然后就可以接收到父组件传递过来的数 据;demo(改变button上的value值)
    二、子传父
    1、在子组件选项对象中通过$emit自定义事件;
    2、在子组件标签上通过@绑定定义好的自定义事件,及要执行的方法;
    3、把子组件标签上定义的方法,放在父组件的选项对象中,就可以接收到子组件修改过后的数据及状态。

    相关文章

      网友评论

          本文标题:Vue父子组件通信

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