vue2项目升级至vue3(vue3+vite+ts)

作者：System 时间：2024年08月21日分类：所有,vue.js 字数：642

这篇文章距离上次修改已过436天，其中的内容可能已经有所变动。

要从 Vue 2 项目升级到 Vue 3，你需要遵循以下步骤：

更新项目依赖：
```
npm install vue@next
```
安装 Vite：
```
npm init vite@latest
```
按照提示进行 Vite 项目设置，选择 Vue 3。
修改 main.js 为 main.ts，并更新代码以兼容 Vue 3。
更新组件：
- 更新 <template> 中的语法。
- 更新 <script> 中的 Options API 为 Composition API。
- 如果使用了全局过滤器，需要转换为方法。
更新路由和状态管理（如果有）。
测试项目，修复任何不兼容的地方。

以下是一个简单的 Vue 3 + Vite + TypeScript 项目的 main.ts 示例：




import { createApp } from 'vue';
import App from './App.vue';
 
const app = createApp(App);
 
app.mount('#app');

确保你的项目中没有 Vue 2 的代码残留，并且测试你的应用确保没有运行时错误。