作者碎碎念:开历史倒车了,没想到不兼容,只能从vue3->vue2了。
1 vue3和vue2
这部分参考了官网的《vue3迁移指南》:Vue 3 的支持库进行了重大更新。以下是新的默认建议的摘要:
新版本的 Router, Devtools & test utils 来支持 Vue 3
构建工具链: Vue CLI -> Vite
状态管理: Vuex -> Pinia
IDE 支持: Vetur -> Volar
新的 TypeScript 命令行工具: vue-tsc
静态网站生成: VuePress -> VitePress
JSX: @vue/babel-preset-jsx -> @vue/babel-plugin-jsx
根据这部分资料,很多工具要进行替换。
HTTP:axios
状态管理:Vuex
路由管理:Router
2 创建工程
直接参考博文
(懒得再写一遍了。)
3 vue2语法
其实,vue3也支持vue2的语法。在vue3的官网有选项式API和组合式API两种,实际上,vue2使用的就是选项式API。
vue2选项式API的特点就是,将变量、方法类、钩子函数等,分开,以对象的形式定义。
而vue3新的组合式API,则跟接近于C语言这种过程性语言。
完全可以参考官网的关于选项式API的教程:
https://cn.vuejs.org/tutorial/#step-14
感觉vue2->vue3,相似点还是很多的。