面试知识梳理-vue3和vue2区别
vue3相对于vue2的优势
- 性能更好
- 体积更小
- 更好的ts支持(vue3 ts开发)
- 更好的代码组织
- 更好的逻辑抽离
- 更多新功能(vue2其实也都能自己做出来)
更好的代码组织
Composition API 的革新
Vue 2 采用 Options API,通过 data、methods、computed 等选项分割逻辑,导致相关功能分散在不同区块,难以维护
Vue 3 引入 Composition API,通过 setup() 函数集中组织逻辑
优势:
同一块思想 vue2不好写在一起 无论是看还是维护都很烦
类型推导友好 函数式代码更易typescript推断类型
减少this依赖 降低调试成本
更好的逻辑抽离
Vue 2 通过 Mixins 复用逻辑,但存在命名冲突、来源不清晰等问题,Vue 3 使用 组合函数(Composables),将逻辑封装为独立函数
vue3和vue2 生命周期的区别
名称变更(其余不变)
beforeDestroy改为onbeforeUnmount
destroyed改为onunmouted
beforeCreate和created 等于setup()