vue2与vue3区别 面试题

以下是Vue2和Vue3之间的一些区别：
1. 数据双向绑定：Vue3使用`Proxy`替代了`Object.defineProperty()`，使得数据双向绑定更加高效。
2. 生命周期函数的更换：Vue3中的生命周期函数发生了变化，例如`beforeCreate`和`created`合并成了`setup`函数。
3. Vue3的新特性：Vue3引入了一些新特性，例如`Teleport`、`Suspense`和`Fragment`等。
4. 缓存组件与更新组件：Vue3中的`<keep-alive>`组件被重命名为`<teleport>`，并且可以缓存任何组件，而不仅仅是路由组件。
5. `ref`和`reactive`的区别：Vue3中的`ref`和`reactive`函数被用来替代Vue2中的`$refs`和`$data`。
6. `watch`和`watchEffect`的区别：Vue3中的`watchEffect`函数可以自动追踪依赖项，而不需要手动指定。
7. 修改数组下标不会影响视图：Vue3中修改数组下标不会触发视图更新，需要使用`splice`方法或者`$set`方法来更新数组。
8. 定义数据的不一样：Vue3中使用`defineComponent`函数来定义组件，而不是Vue2中的`Vue.extend`。
9. 父子传值的不一样：Vue3中使用`emits`选项来代替Vue2中的`$emit`和`$on`。
10. 指令与插槽不同：Vue3中的指令和插槽发生了变化，例如`v-bind`指令可以在样式中使用，而不仅仅是在属性中使用。