vue2.3新特性,.sync回归

作者 likaiqiang 日期 2017-06-02
vue2.3新特性,.sync回归

vue父子组件通信

vue父子组件通讯遵循的原则

vue父子组件之间的通讯遵循props down,event up的原则,但是有时候实现父子组件之间的双向数据绑定往往很有用。比如封装一个组件a,然后循环渲染组件a。

回顾vue1.0

vue1.0父子组件通讯原有.sync特性来解决这个问题,但是vue2.0推出以后,.sync被取消,只能变相的通过组件的value属性来实现父子组件之间的双向数据绑定。

vue2.3 .sync回归

vue2.3发布后,.sync功能由重新回到了vue的怀抱,同时使用方法基于vue1.0做了修改。

vue2.0 .sync使用方法

官方文档

props down、events up式的父子组件通信

.sync式的父子组件通信

区别显而易见,.sync方便多了,虽然它仍旧是语法糖,但是,我们前端就是喜欢语法糖。。。