Vue3有哪些新特性和优势？

本文共计1334个文字，预计阅读时间需要6分钟。

目录

1.v-model 理解

1.1 v-model 理解

1.2 案例描述

1.3 编写样式

2.编写组件

2.1 实现思路

2.2 SFC（.vue）中的实现

2.3 TSX（.tsx）中的实现

3.使用组件

3.1 v-model 理解

3.2 v-model 是 vue3 中的一个内置指令绑定

目录

• 1 v-model
• 1.1 理解 v-model
• 1.2 案例描述
• 1.3 编写样式
• 2 编写组件
• 2.1 实现思路
• 2.2 SFC（.vue）中的实现
• 2.3 TSX（.tsx）中的实现
• 3 使用组件

1 v-model

1.1 理解 v-model

v-model 是 vue3 中的一个内置指令，很多表单元素都可以使用这个属性，如 input、checkbox 等，咱可以在自定义组件中实现 v-model。v-model 本质上是一个语法糖：

• 绑定父组件传递过来的modelValue属性；
• 值改变时向父组件发出事件update:modelValue。