Advertisement

配置和管理5Nuxt.js 应用的路由(前后端结合)

阅读量:

路由

Nuxt.js 根据pages目录结构自动配置 vue-router 模块的路由配置方案。

在构建页面之间的路由连接时,我们推荐采用<nuxt-link>标签

例如:

复制代码
 <template>

    
   <nuxt-link to="/">首页</nuxt-link>
    
 </template>

基础路由

假设 pages 的目录结构如下:

复制代码
 pages/

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

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

复制代码
 router: {

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

全部评论 (0)

还没有任何评论哟~