vue2 和 vue3 的区别面试题
时间: 2023-11-19 10:07:26 浏览: 93
Vue2和Vue3的区别主要体现在以下几个方面:
1. 数据双向绑定:Vue2使用Object.defineProperty()实现数据双向绑定,而Vue3使用了ES6的Proxy对象来实现数据双向绑定,Proxy对象相比Object.defineProperty()更加灵活,性能也更好。
2. 生命周期函数的更换:Vue3中的beforeCreate和created合并为了一个新的函数setup,这个函数可以访问到组件的props、data等属性,同时也可以返回一个对象,这个对象中的属性和方法可以在组件中直接使用。
3. Vue3的新特性:Vue3引入了很多新特性,例如Teleport、Suspense、Fragment等,这些新特性可以让我们更加方便地开发组件。
4. 缓存组件与更新组件:Vue3中的缓存组件和更新组件的方式也有所改变,Vue3使用了新的API来实现缓存组件和更新组件,这样可以提高组件的渲染性能。
5. ref和reactive的区别:Vue3中的ref和reactive相比Vue2有了很大的改进,ref可以用来获取DOM元素或组件实例,而reactive可以用来创建响应式数据。
6. watch和watchEffect的区别:Vue3中的watch和watchEffect也有了很大的改进,watchEffect可以自动追踪响应式数据的变化,而watch需要手动指定需要追踪的响应式数据。
7. 定义数据的不一样:Vue3中定义数据的方式也有所改变,Vue3使用了新的API来定义数据,这样可以提高代码的可读性和可维护性。
8. 父子传值的不一样:Vue3中父子组件之间传值的方式也有所改变,Vue3使用了新的API来实现父子组件之间的通信,这样可以提高代码的可读性和可维护性。
9. 指令与插槽不同:Vue3中指令和插槽的使用方式也有所改变,Vue3使用了新的API来实现指令和插槽,这样可以提高代码的可读性和可维护性。
阅读全文