分享：基础路由

最新推荐文章于 2024-04-07 22:58:10 发布

万花丨凋

最新推荐文章于 2024-04-07 22:58:10 发布

阅读量218

点赞数

分类专栏： nuxt 文章标签： vue vue.js

本文链接：https://blog.csdn.net/awseda/article/details/105986950

版权

nuxt 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

基础路由

假设 pages 的目录结构如下：

pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue

那么，Nuxt.js 自动生成的路由配置如下：

router: {
  routes: [
    {
      name: 'index',
      path: '/',
      component: 'pages/index.vue'
    },
    {
      name: 'user',
      path: '/user',
      component: 'pages/user/index.vue'
    },
    {
      name: 'user-one',
      path: '/user/one',
      component: 'pages/user/one.vue'
    }
  ]
}