无涯教程网

vue.js 多个路由文件

发布于10月06日

我想开始使用vue.js在大型应用程序上运行.该应用程序将有50多个模块，每个模块都有多个组件.

我的计划是在components文件夹下创建子文件夹作为模块，每个文件夹都包含相关的组件文件.

我不要路由/索引.js文件中定义了数百条路由，因为这将是不可管理的.

如果能放一张票就好了.每个模块文件夹中的js文件.

这是否可能，以及如何或有更好的方法.

推荐答案

你当然可以这样做，但在一天结束时，你会想把它们全部导入到一个routes.js文件中.

本文用一个解决方案来描述您的情况:https://medium.com/@disjfa/lets-route-a-vue-app-aa9c3f3dbdf8

另一种方法是通过导出每个模块中的一组路由，将它们导入到顶层routes.js，并在App.vue中使用该文件.

祝你好运

Vue.js相关问答推荐

Vuetify快速失败不会阻止发送表单

vue3 输入标签给出错误 Vue.use 不是函数

当try 更新 Vue 3 中的关联数组中的单个元素时，所有值都会更新

在计算(computed)属性上调用数组方法

处理多张卡片中的按钮

我可以在未注册的组件上构建 Vue.js 失败吗？

VueJS中的绑定函数含义

如何只查看数组中的一个对象？

为什么 vue 中的 @mouseover 操作不起作用

在 vuejs 中将旧代码修改为 vue router 4

更新 vue.js 中的数据属性/对象

动态注册本地 Vue.js 组件

从 Axios 响应中解析 XML，推送到 Vue 数据数组

Vue 3 组合 API，如何在 setup() 函数中获取上下文父属性？

如何将项目推送到 Vuejs 中数据对象的数组中？ Vue 似乎没有关注 .push() 方法

如何避免在 Vue 中一直写 this.$store.state.donkey 的需要？

Bootstrap-vue：如何将数据传递给模态？

使密码字符隐藏在 Vuetify 字段中

使用 axios 和 vue.js 取消先前的请求

居中 v-toolbar-title

实用课程推荐

相关教程推荐