Question

我要构造router.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文件？

Answer 1

我如何在vue中组织路线。

第一个：创建一个名为routes的文件夹，在此文件夹中，创建子文件夹取决于您对路由进行分组的方式。例如，村庄，仪表板，用户

第二：在路线文件夹中创建一条主要路线。这条主要路线将保存并导入您在村庄，信息中心，用户中创建的所有路线。

最后：将此主要路线导入到您的主app.js

如何在VueJs中构造router.js文件？

1 个答案: