今天看了看Nuxt的官方文档。
我比较关心路由,asyncData(异步数据)
路由:
基础路由,动态路由,嵌套路由,动态嵌套路由
nuxt.js会依据pages项目结构自动生成路由,
[``](/api/components-nuxt-link):
自定义路由
基础路由:
router: {
routers: [
{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’},
]
}
动态路由
在nuxt.js里面定义带参数的动态路由,需要创建对应的以下划线为前缀的vue
generate会忽略动态路由:API Configuration generate
嵌套路由
通过vue-router的子路由创建nuxt.js应用的嵌套路由
创建内嵌子路由,你需要添加一个vue文件,同时添加一个与改文件同名的目录用来存放子视图组件
别忘了在父组件(.vue文件)内增加<nuxt-child>
用于显示子时图内容
router: {
routes: [
{
path: ‘/users’,
component:‘pages/users.vue’,
children:[
{
path: ‘’,
c