Vue.js 2 fichiers de routage multiples

Question

Je souhaite commencer à utiliser vue.js sur une grande application. L'application aura plus de 50 modules avec chaque module ayant plusieurs composants.

Mon projet est de créer des sous-dossiers dans le dossier des composants pour agir comme des modules, avec chaque dossier contenant ses fichiers composants connexes.

Je ne veux pas que le fichier router/index.js contienne des centaines de routes, car cela sera impossible à gérer.

Ce serait bien de mettre un fichier routes.js dans chaque dossier de module. Est-ce possible et comment ou est-ce qu'il y a un meilleur moyen de le faire?

Answer 1

Vous pouvez certainement le faire, mais à la fin de la journée, vous aurez envie de les importer tous dans un seul fichier routes.js.

Cet article couvre votre situation avec une solution: https://medium.com/@disjfa/lets-route-a-vue-app-aa9c3f3dbdf8

Une autre façon j'envisager d'appliquer c'est en exportant un const de routes de chaque module, les importer dans le niveau supérieur routes.js et en utilisant ce fichier dans App.vue.

Bonne chance!