.v-model
如下：代碼1 就是 代碼2的語法糖 代碼2就是代碼1的完整寫法
<model v-model="b"></model> 代碼1
等價于
<model :value='b' @input="val=>num=val"></model> 代碼
vue.sync
如下：代碼1 就是 代碼2的語法糖 代碼2就是代碼1的完整寫法
<son :a.sync='num' ></son> 代碼1
等價于
<son :a='num' @update:a='val=>num=val'></son> 代碼2
vue.sync的執行步驟與vue.v-model是一樣的參考第一張圖
.sync與.v-model區別
- 相同點：都是語法糖，都可以實作父子組件中的資料的雙向通信，
- 區別點:
-
格式不同，
v-model="num", :num.sync="num" -
v-model： @input + value
-
:num.sync: @update:num
-
v-model只能用一次；.sync可以有多個，
-
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/321285.html
標籤：其他
上一篇：webpack簡單實用說明及應用
下一篇：reduce的使用 （完整版）