一、父传子
1、可以在父组件上使用自定义属性绑定数据;
2、在子组件中需要显示的用props声明自定义属性名,然后就可以接收到父组件传递过来的数 据;demo(改变button上的value值)
二、子传父
1、在子组件选项对象中通过$emit自定义事件;
2、在子组件标签上通过@绑定定义好的自定义事件,及要执行的方法;
3、把子组件标签上定义的方法,放在父组件的选项对象中,就可以接收到子组件修改过后的数据及状态。
一、父传子
1、可以在父组件上使用自定义属性绑定数据;
2、在子组件中需要显示的用props声明自定义属性名,然后就可以接收到父组件传递过来的数 据;demo(改变button上的value值)
二、子传父
1、在子组件选项对象中通过$emit自定义事件;
2、在子组件标签上通过@绑定定义好的自定义事件,及要执行的方法;
3、把子组件标签上定义的方法,放在父组件的选项对象中,就可以接收到子组件修改过后的数据及状态。
本文标题:Vue父子组件通信
本文链接:https://www.haomeiwen.com/subject/kqbfyxtx.html
网友评论