这篇博客探讨了Vue.js中父子组件如何通过事件进行数据通信，特别是当父亲组件需要控制子组件的属性时。尤雨溪设定的Vue规则禁止直接修改props，而推荐使用`.sync`修饰符或者`v-on:update`配合事件来实现双向绑定。`.sync`修饰符简化了更新父组件数据的过程，等价于定义一个更新事件。博客还预告会在后续内容中进一步讲解相关事件处理知识。
场景描述
爸爸给儿子钱，儿子要花钱怎么办，示例
答：儿子打电话（触发事件）向爸爸要钱
Vue规则 ：组件不能修改props外部数据
Vue规则： this.$emit可以触发事件，并传参
Vue规则：$event可以获取$emit的参数
不要问我为什么有上面三条规则，尤雨溪定的
由于这种场景很常见
所以尤雨溪发明了 .sync,
:money.sync="total"等价于 :money="total" v-on:update:money="total= $event"
我们再讲事件的时候还会重新讲这个知识点
738
1257
309
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
