简洁大方的sync 和 update

场景描述

我们经常使用 prop 和 emit 的组合来实现父子之间的通信，如果简单的场景下想父子组件相互修改，可以使用.sync 和 update组合。

代码案例

父组件 传递 prop

<comp :foo.sync="bar"></comp>

等同于

<comp :foo="bar" @update:foo="val => bar = val"></comp>

子组件 修改 prop

this.$emit('update:foo', newValue)

这样的写法显得代码稍微高大上一点有木有呢？