我想设置Vue应用程序以使用线性导航结构来安排我将通过 iFrame 服务的最终html文档。
.
├── School
│ ├── SQL
| | ├── SQL Basics
| | ├── SQL Intermediate
| | ├── SQL Advanced
| | └── ...
│ ├── Python
| | ├── Python Basics
| | ├── Python Data Structures
| | ├── Python Classes
| | ├── Python Advanced
| | └── ...
| └──...
└── ...
我现在可以用这种结构实现的方法是为 School 创建一个组件，为 SQL 创建一个组件，为 Python 创建一个组件。 >，并具有用于导航的列表呈现卡。您可以看到，如果将来进行扩展，这将变得乏味。
我希望改进其结构，使其仅具有一个Cards组件，以动态生成路线和导航卡以及从Vuex商店获取的数据。
答案 0 :(得分：0)
您可以随时注入其他路线，而无需提前声明。
您可以使用 router.addRoutes ，以便可以迭代内容对象并在应用程序 beforeMount 或 beforeCreate 上生成路由，其中您将执行 this。$ router.addRoutes（...）。
https://vuejs.org/v2/api/#beforeMount