如何实施两种降低vue-router版本的方法示例？

本文共计600个文字，预计阅读时间需要3分钟。

目录 + 1 + 引言 + 2 + 方法 + 3 + 结论 + 1 + 引言 + Vue-router 是 Vue.js 官方的路由插件，与 Vue.js 深度集成，适用于构建单页面应用。在官网中安装路由或默认安装时，会自动安装最新版本的 router。

目录

• 1 引言
• 2 方法
• 3 结语

1 引言

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。当我们在官网中安装路由或者安装时不注明版本，即默认安装router4.X，而我们创建的是vue2，只能结合 vue-router 3.x 版本才能使用。所以需要降低vue-router的版本。

2 方法

vue-router 4.x 只能结合 vue3 进行使用,vue-router 3.x 只能结合 vue2 进行使用。这里为降低vue-router版本，提供两种解决方法：

（1）直接使用命名npm uninstall vue-router卸载原有的Vue_router

（2）添加--legacy-peer-deps保证各个引入的依赖之间对自身所使用的不同版本modules共存

1.安装路由后，在控制台输入npm run serve，出现报错后立即检查package.json中的路由版本，发现版本显示“^4.0.14”。