v-model的原理与组件自定义v-model

v-model的原理与组件自定义v-model

根据官方文档的解释，v-model其实是一个语法糖，它会自动的在元素或者组件上面解析为 :value="" 和 @input=""， 就像下面这样

// 标准写法
<input v-model="name">

// 等价于
<input :value="name" @input="name = $event.target.value">

// 在组件上面时
<div