vue2项目升级vue3项目所遇到的问题及解决办法

第一次 1.v-model => v-model:value

2.生命周期：beforeDestroy => beforeUnmount
destroyed => unmounted

3.事件API :this.$emit('') => $emit(this,'') 子组件触发事件写入选项中

4.() => import('') 转化
Vue.defineAsyncComponent(() => import(''))

5.插槽solt-scope 转化为 v-slot

6.修饰符:visible.sync装换为 v-model:value

7.路由插件遵循相同的模式：new VueRouter 变成调用 createRouter ，并且必须保留全局插件设置。在新版本中，你始终必须定义历史记录的类型。你可以从 createWebHashHistory，createMemoryHistory 和createWebHistory 中选择。

8.命名的 export createApp 创建一个新的Vue应用程序，就像Vue 2中的构造函数一样。插件设置将使用 use 方法(而不是构造函数的参数)移至应用程序实例

9.插件采用工厂模式：不再使用带有 new 关键字的构造函数 无需调用新的 Vuex.Store，而是需要createStore 工厂方法。不再可能将store的默认导出作为插件传递。

10.element-ui 换成 element-plus 包括icon图标

11.升级依赖

12.报p标签错误没有找到问题

13.npm install 时遇到问题 查看得知npm版本问题

14.第二次npm install IconvLiteEncoderStream未定义没有找到解决方法会 而且导致电脑所有项目都有这个问题

二、重新走流程：

1.执行 npm install --legacy-peer-deps

–legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。

2.

vue-cli升级到了5.0版本，原来是我运行了npm audit fix这个命令它会更新loader,但更新了之后会出现很多不兼容问题 尝试网上多种方法都没有效果

3.版本过高 降至npm install npm@6.14.10 -g

第二次运行

4.缺少 host:'localhost',