vue.js - vue^2.6.14版本如何安装vue-router 4

Question

您好，我需要在 vue:^2.6.14 应用程序上使用 vue-router4，因为我想使用有关动态注册路由的最新 api。

问题: 我试图将 vue:^2.6.14 应用程序移动到 vue:3.*.* 因为有一个要求使用支持 https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-nested-routes 的新 vue-router api基于此我问了一个未回答的问题 Dynamically registered route is not working when it is just pushed

注意:我尝试了完整的迁移，但遇到了很多错误

我的期望:我想在 vue:^2.6.14 中使用 vue-router@4 仅用于 addRoute( 'parent',{...Route Object}) 方法 https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-routes如果覆盖可以在 vue-router3 中为 vue2 获得此功能，那么它是最受欢迎的!

注意 2: 覆盖后它应该像这个例子一样工作 https://codesandbox.io/s/vue-router-test-hvzes5?file=/src/main.js , 注意:在main.js中只定义了2条路由

vue-router3 for vue2 问题:https://github.com/vuejs/vue-router/issues/1156

请帮助我提前谢谢!!

Answer 1

不能将 vue-router@4 与 vue@2 一起使用。它们彼此不兼容。

并且该问题假定 addRoute 仅在 vue-router@4 中可用，但事实并非如此。 addRoute()在 vue-router@3.5.0 中引入， 与 vue@2 兼容。

基于您的 other question ，我认为困惑可能是由 answer you linked 引起的，仅适用于vue-router@2，不支持addRoute。正如您所观察到的，该答案中提供的解决方法无法与 vue-router@3 一起正常工作。

这是一个 demo使用 vue-router@3.5.4 用 vue@2.6.14 编写的 Codesandbox。您用于动态添加路由的原始代码未受影响。