vue3 v-model 实现组件传值的写法
时间: 2023-10-18 17:28:39 浏览: 133
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
在 Vue 3 中,可以使用新的 `v-model` 语法糖来实现组件传值。下面是一个示例:
首先,在父组件中使用子组件,并通过 `v-model` 绑定一个变量:
```html
<template>
<div>
<ChildComponent v-model="value" />
</div>
</template>
```
然后,在子组件中,使用 `props` 接收父组件传递的值,并通过 `emits` 发送更新事件:
```html
<template>
<div>
阅读全文