事件

v-model

vue

<input v-model="searchText" />

上面的代码其实等价于下面这段 (编译器会对 v-model 进行展开)：

vue

<input :value="searchText" @input="searchText = $event.target.value" />

而当使用在一个组件上时，v-model 会被展开为如下的形式：

vue

<CustomInput
  :modelValue="searchText"
  @update:modelValue="newValue => (searchText = newValue)"
/>

vue

<CustomInput
  v-model:value="searchText"
  @update:value="newValue => (searchText = newValue)"
/>