簡潔大方的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)

這樣的寫法顯得代碼稍微高大上一點有木有呢？