Как структурировать роутер. js файл в VueJs? - PullRequest
Новая
       4

Как структурировать роутер. js файл в VueJs?

1 голос
/ 18 января 2020

Я хочу структурировать мой маршрутизатор. js файл, так как в настоящее время в нем содержится около 500 строк кода. 

{
            path: "/",
            component: () => import("./../src/views/dashboard/Dashboard.vue"),
            meta: {
                auth: true,
                title: "Dashboard"
            }
        },
        {
            path: "/regionWiseDashboard",
            component: () => import("./../src/views/dashboard/RegionWiseDashboard.vue"),
            meta: {
                auth: true,
                title: "Dashboard"
            }
        },

Приведенный выше код повторяется для каждого компонента, который я включаю в свой проект, который просто делает код все более и более нечитаемым. Могу ли я структурировать это так или иначе? Может быть, поместить все файлы в JSON или разделить основной js файл на дочерние js файлы?

1 Ответ

3 голосов
/ 18 января 2020

Как я структурировал свои маршруты в vue.

Первый : создание папки с именем маршрутов, внутри этой папки создание подпапок зависит от того, как вы группируете свои маршруты. Пример, деревни, панель управления, пользователь

Второй : создайте основной маршрут в папке маршрутов. Этот основной маршрут будет содержать и импортировать все ваши маршруты, сделанные в деревнях, на панели инструментов, в пользователе.

последний : импортировать этот основной маршрут в ваше главное приложение. js

...