父组件传值给子组件如果需要使用双向数据绑定的话
父组件:
<body>
<div id="app">
<boy-component :msg.sync="aaa"></boy-component>
</div>
</body>
在有些情况下,我们可能需要对一个 prop
进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。
这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子,在 props里面一个叫’msg’
的值中,我们可以用以下方法表达对其赋新值的意图:
子组件:
this.$emit('update:msg', newMsg)
这样就可以实现父组件传值子组件的双向数据绑定了。