一、删除node_modules和package-lock.json

为了确保我们后面升级的依赖版本是正确的，在一开始时我们直接先将项目的node_modules 和package-lock.josn删除，避免出现各种缓存问题。

二、升级过程

“vue”: “^2.7.8”,
“vue-template-compiler”:“^2.7.8”,//注意：原本将vue升级到2.7后不再需要vue-template-compiler，但应该根据具体项目而定，如：项目中使用了vue-svg-loader(它依赖于vue-template-compiler中的parseComponent方法)处理svg，就不能删除，并要将它升级为和vue同版本号（不然会报错）；
// 所有开发依赖 @vue/cli-xxx 升级5.0.0版本（用了的就升级，没用到的就不管）
“@vue/cli-plugin-babel”: “~5.0.0”,
“@vue/cli-plugin-eslint”: “~5.0.0”,
“@vue/cli-service”: “~5.0.0”,
“eslint-plugin-vue”:“^9.0.0”, // 升级 eslint 避免在代码检查中抛出错误
“@babel/eslint-parser”:“^7.5.0”, // 新增
“vue-loader”:”^15.10.0", // 新增

三、重新下载依赖

执行npm install
重启项目后，就可以使用vue3的语法了

参考链接：
vue2.x升级vue2.7版本：https://www.cnblogs.com/kongyijilafumi/p/16523794.html
官方升级指南：https://github.com/vuejs/vue/blob/main/CHANGELOG.md#270-2022-07-01
升级vue2.7后，this的使用：https://www.cnblogs.com/ygyy/p/16594465.html
vue2.6升级至vue2.7后如何使用旧版本vue-router与vuex:https://blog.csdn.net/qq_43586648/article/details/126348027