vue3和vue2的差异

### vue3和vue2的主要区别包括以下几个方面:

1. TypeScript支持。Vue 3完全支持TypeScript，这有助于提高项目的可维护性。

2. Fragment API。Vue 3引入了Fragment API，允许组件有多个根节点，简化了模板的编写。

3. 应用实例的创建。Vue 3使用`createApp`方法来创建应用实例，而Vue 2使用`new Vue()`构造函数来创建实例。这种方法在处理多个实例时能提供更好的隔离性。

4. 双向数据绑定的实现。Vue 2使用`Object.defineProperty`来实现双向数据绑定，而Vue 3改用ES6的Proxy API来进行数据代理，这提高了对对象和数组变化的检测效率。

5. Composition API。Vue 3引入了Composition API，这是一个更灵活的方式来组织代码，相比Vue 2的Options API，它允许开发者更灵活地复用代码和逻辑。

6. 生命周期钩子。Vue 3的生命周期钩子与Vue 2有所不同。例如，Vue 3中的`setup()`函数对应于Vue 2中的`beforeCreate`和`created`钩子，而`onMounted`对应于`mounted`等。此外，Vue 3还引入了一些新的钩子，如`onRenderTracked`和`onRenderTriggered`，用于调试。

7. 父子组件传参。Vue 3通过`setup`函数中的`props`和`emit`进行父子组件间的数据传递和事件触发，这与Vue 2的方式有所不同。

8. 新增组件。Vue 3新增了`Teleport`组件（用于瞬移内容）和`Suspense`组件（用于处理异步组件）。

9. v-if和v-for的使用优先级。在处理带有`v-if`和`v-for`的场景时，Vue 3改变了两者的优先级处理方式。