vue2.x---在vue2.x中,父组件怎么响应式向子组件传值,子组件怎么通过prop修改父组件数据?

父组件传值给子组件如果需要使用双向数据绑定的话

父组件:

<body>
  <div id="app">
    <boy-component :msg.sync="aaa"></boy-component>
  </div>
</body>

在有些情况下,我们可能需要对一个 prop
进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。
这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子,在 props里面一个叫’msg’
的值中,我们可以用以下方法表达对其赋新值的意图:

子组件:

this.$emit('update:msg', newMsg)

这样就可以实现父组件传值子组件的双向数据绑定了。

发布了53 篇原创文章 · 获赞 59 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_42268364/article/details/100945257