当前位置: 首页 > 知识库问答 >
问题:

vue.js - vue3模版文件路劲问题?

归俊
2023-07-16

下面两种路由路径,哪种会更好,有经验的大哥给一些建议

第一种:

export default [    {        path: '/',        name: 'home',        component: () => import('../views/HomeView.vue')    },    {        path: '/about',        name: 'about',        component: () => import('../views/AboutView.vue')    },    {        path: '/blog',        name: 'blog',        children: [            {                path: 'list',                name: 'blog_list',                component: () => import('../views/blog/ListView.vue')            },            {                path: 'item',                name: 'blog_item',                component: () => import('../views/blog/ItemView.vue')            },        ]    }]

第二种:

export default [    {        path: '/',        name: 'home',        component: () => import('../views/home/IndexView.vue')    },    {        path: '/about',        name: 'about',        component: () => import('../views/about/IndexView.vue')    },    {        path: '/blog',        name: 'blog',        children: [            {                path: 'list',                name: 'blog_list',                component: () => import('../views/blog/list/IndexView.vue')            },            {                path: 'item',                name: 'blog_item',                component: () => import('../views/blog/item/IndexView.vue')            },        ]    }]

共有3个答案

杨高翰
2023-07-16

没啥太大区别,都行。

不过blog_item的那个路由,建议path上加上id参数,要考虑用户在详情页手动刷新的情况。

公宜春
2023-07-16

要根据你的项目大小,项目大的话第二种好

闽承望
2023-07-16

第二种方式更好
1.目录层次更加清晰,便于维护
2.更好管理和拓展当前模块下的组件

 类似资料:
  • 为什么用 > 或 < 判断就要报错啊

  • vue3 template组件不编译 代码是这样的,第二个template不会被编译 网页呈现是这样的,template没被编译掉?Hall组件倒是编译了

  • 这两种有什么不一样?哪种好?

  • router.getRoutes()数据如下。 页面报错No match found for location with path "/a" 路由跳转:空白页面。

  • 问题内容: 所以这是我的程序,可以正常工作: 如您所见,我正在使用我要读取的文件的绝对路径: 当我尝试使用相对路径时会出现问题: 我收到一个错误: 文件usnumbers.txt与ScanSum.class文件位于同一目录中: 我该如何解决? 问题答案: 从哪个目录执行该类文件?(这将是相对路径的当前工作目录和基本目录。) 如果仅从eclipse启动应用程序,则项目目录将是工作目录,在这种情况下,

  • 为什么同样是对Props的类型声明,当组件缺少应有的props的时候,vue不会提示,但react会呢?请问是我哪里设置有误还是本身就是这样? Vue 父组件: 子组件: React 问题已解决。见 https://github.com/vuejs/core/issues/8524 vue3.3.4,切换vscode的volar插件为预发布版本(1.7.13)即可