网站建设 事业单位 安全深圳企业官网网站建设哪家好

作者碎碎念：开历史倒车了，没想到不兼容，只能从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，相似点还是很多的。