vue router 4.0,vuerouter实现

　　Vue-router是vue.js的官方路由插件，与Vue.js深度融合，适合构建单页面应用。本文主要介绍了两种降低vue-router版本的解决方案，并通过示例代码进行了详细介绍。有需要的可以参考一下。

目录

　　 1简介2方法3结论

1 引言

　　Vue-router是Vue.js的官方路由插件，与Vue.js深度融合，适合构建单页面应用。当我们在官网安装路由或者不注明版本，也就是router4。默认安装x，但是我们创建vue2，只能和vue-router 3.x版本结合使用。所以vue-router的版本需要降下来。

2 方法

　　E-router 4.x只能配合vue3使用，vue-router 4.x只能配合vue2使用。这里，为了减少vue-router的版本，提供了两种解决方案：

　　(1)直接使用命名的npm uninstall vue-router卸载原来的Vue_router。

　　(2) add-legacy-peer-deps，以确保每个引入的依赖项所使用的模块的不同版本的共存。

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

　　2.解决方案(1):卸载原Vue_router，重新下载“3.5.2”。卸载和后续的两个命令如下。

　　卸载原路由：npm卸载vue-router

　　安装版本3.0: npm i vue-router@3.5.2

　　3.解决方案(2):命名后，添加-legacy-peer-deps，绕过peerDependency的自动安装，保证每个引入的依赖所使用的模块的不同版本共存。

　　NPM I vue-路由器@ 3 . 5 . 2-传统-对等-deps

　　4.已成功安装版本。

3 结语

　　为了降低vue-router对版本的依赖性，本文提出了直接运行命令npm uninstall vue-router卸载当前版本，然后重新安装，或者在安装了命令npm i vue-router@3.5.2之后，针对add-legacy-peer-deps的方法直接安装“3.5.2”版本，并通过多次实验证明了这两种方法的有效性。稍后我们将进一步学习vue-router路由，以解决页面跳转问题。

　　关于降低vue-router版本的两种解决方案的文章到此结束。关于降低vue-router版本的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。