如何在 vue ^2.6.14 版本中安装 vue-router 4

skB*_*ore 5 vue.js vue-router vuejs2

嗨,我有一个使用vue-router4要求vue:^2.6.14应用程序上使用,因为我想使用有关动态注册路线的最新 api。

问题:我尝试将vue:^2.6.14应用程序移动到vue:3.*.*,因为需要使用支持https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-nested-routesvue-router的新api, 基于我询问未回答的问题动态注册的路由在刚推送时不起作用

笔记:我尝试完全迁移但面临很多错误

我的期望:如果可以覆盖以获取此功能,我vue-router@4只想vue:^2.6.14使用addRoute('parent',{...Route Object}) method https://router.vuejs.org/guide/advanced/dynamic-routing.html#adding-routesvue-router3vue2是最受欢迎的!

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

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

请帮助我提前致谢!

ton*_*y19 7

无法vue-router@4与 一起使用vue@2。他们彼此不相容。

该问题假设addRoute仅适用于vue-router@4,但事实并非如此。addRoute()被引入vue-router@3.5.0vue@2.

根据您的其他问题,我认为混乱可能是由您链接的答案引起的,该答案仅适用于vue-router@2,不支持addRoute。正如您所观察到的,该答案中提供的解决方法无法正常工作vue-router@3

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