vue3中的v-model

在Vue3中，v-model可以用于自定义组件上。当v-model用于组件上时，它会被展开为一个带有两个props的语法糖形式。默认情况下，v-model会传递一个名为modelValue的prop，并触发一个名为update:modelValue的事件来更新父组件的数据。例如，可以使用以下代码在自定义组件上使用v-model：

<CustomInput v-model="searchText" />

这将被展开为：

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

如果不想使用默认的modelValue作为prop的名称，可以通过给v-model指定一个参数来更改这个名称。例如：

<CustomInput v-model:value="searchText" />

这将被展开为：

<CustomInput :value="searchText" @update:value="newValue => searchText = newValue" />

这样就可以在自定义组件中使用v-model来实现数据的双向绑定。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue3: v-model](https://blog.csdn.net/Everglow___/article/details/130222058)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue3的v-model](https://blog.csdn.net/sqLeiQ/article/details/117509368)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]