v-model 語法糖實現
vue中我們在input中可以直接使用v-model來完成雙向綁定,這個時候 v-model 通常會幫我們完成兩件事:
- v-bind:value的數據綁定
- @input的事件監聽
如果我們現在封裝了一個組件,其他地方在使用這個組件時,是否也可以使用v-model來同時完成這兩個功能呢?
當我們在組件上使用的時候,等價于如下的操作:
<myInput v-model="message" />
等價于
<myInput :model-value="message" @update:model-value="message = $event" />