vue 版本升级

Vue 3.4 升级了组件产值方式 v-model ，果断升级玩玩，记录一下升级过程

我的原Vue版本是3.2.13 升级到目前最新3.5.12

1.

npm add vue@latest

2.

npm add -g @vue/cli@latest

安装完成后记得查看是否有如下警告

这个警告是说eslint-plugin-vue package支持 node 12.22或者 14.17 或者 16.0.0以上版本，但是当前你的版本是 12.19.0，版本太低了需要更新 node版本

怎么更新node版本呢，windows用户需要到node官网下载msi的可执行文件

下载完毕之后双击安装，安装路径选择和第一次一样的路径，如果忘记路径可以win+r 进入到cmd里输入下面代码，就可以看到上次安装路径了

where node

选完路径后，一路下一步，什么也需要选，node就更新好了

接下来更npm,在上面cmd命令行中输入下列命令，npm就更新完毕了

npm install -g npm

这就升级结束了，如果项目可以启动的话，如果不能请继续往下看，项目有很多依赖项如router,vuex等版本不对时就会启动失败可以通过下面命名查看依赖项

npm outdated

下一步就是更新这些依赖项，你可以使用下列命令将启动报错的依赖一个一个更新

npm add -g Package@版本(最新版是latest)
npm add -g axios@latest

或者直接全部更新到最新版本

将Vue项目中node_modules 和 package-lock.json删除,然后执行

npm install

好了再次启动成功运行，祝大家玩的开心 ღ( ´･ᴗ･` )比心