關於vue使用修飾符.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是一個事件名,你加空格就完全變了一個事件名了。至於怎麼變,估計得看文件,我也不懂-_-