vue2 vue3 的区别

Vue 2 和 Vue 3 主要有以下几个关键区别：

1. **TypeScript 支持**：Vue 3 引入了对 TypeScript 的全面支持，使得开发者可以更好地利用静态类型检查提高代码质量。

2. **模板语法变化**：Vue 3 使用更简洁的 `<script setup>` 标签替代了 Vue 2 的 `export default { ... }` 配置方式，减少了 template 中的繁琐声明，同时引入了动态绑定和自更新计算属性的新语法。

3. **组件选项 API**：Vue 3 对组件选项进行了重构，移除了 `data()`、`methods()` 等手动创建的选项，改用更现代的方式，如 `setup()` 函数来组织状态和方法。

4. **渲染函数替换**：Vue 3 引入了 render function（渲染函数），这是一个更为高效且灵活的方式来编写视图层的逻辑，它可以直接操作 VNode 节点树，避免了在 Vue 2 中的一些潜在性能瓶颈。

5. **Composition API**：这是 Vue 3 中的一个重要特性，它提供了一种新的组织代码结构的方式，通过 `ref`、`reactive` 和 `onMounted` 等工具帮助开发者管理组件内的状态。

6. **移除 `$watch` 和 `$options`**：Vue 3 中 `$watch` 和 `$options` 已经被弃用，取而代之的是更易理解和使用的响应式系统。