如何在vue ^2.6.14版本中安装vue路由器4

Question

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

问题：我尝试将vue:^2.6.14应用程序迁移到vue:3.*.*，因为需要使用支持https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-nested-routes的新vue-router api，因此我提出了一个问题，即未回答的动态注册的路由在刚被推送时不能工作。。

注意：我尝试过完全迁移，但却面临很多错误

我的期望：，我只想在vue:^2.6.14中使用vue-router@4，只用于addRoute('parent',{...Route Object}) method https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-routes，如果可以在vue-router3 for vue2中获得这个特性，那么它是最受欢迎的！

Note2:重写后应该像这个示例https://codesandbox.io/s/vue-router-test-hvzes5?file=/src/main.js一样工作，注意:在main.js中只定义了2条路由。

问题vue-router3 3 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兼容。

基于您的vue-router@2，，我认为混淆可能是回答你的链接造成的，它只适用于不支持addRoute的回答你的链接。正如您所观察到的那样，在这个答案中提供的解决方法不能在vue-router@3中正常工作。

下面是用演示用vue@2.6.14编写的Codesandbox的vue-router@3.5.4。动态添加路由的原始代码未被更改。