配置和管理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)
还没有任何评论哟~
