我們知道組件是單項的，但是有時候需要雙向，這時候我們可以使用.sync修飾符，但今天遇到一個坑，一直不成功，花了半小時試出來的。。。。
在編程的時候我們很習慣冒號後面跟著空格。而.sync雙向綁定需要子組件顯性觸發

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

這裏的updata:foo可以說是一個名字，不能加空格，不能加空格，不能加空格！！！這就是坑，由於編程習慣，也許會有人加空格，我也是，所以寫出來當作一個筆記。
根據文檔

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

會被擴展為：

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

所以update:foo就是事件的名稱，事件裏面是一個函數，傳入val參數賦值給bar變量。。。。所以update:foo是一個事件名，你加空格就完全變了一個事件名了。
至於怎麽變，估計得看文檔，我也不懂-_-

vue組件雙向綁定.sync修飾符的一個坑