Nuxt.js服务端渲染demo实践

安装

  • 全局安装vue-cli(若已安装,直接跳过)
  • vue init nuxt-community/starter-template

路由创建

在page目录中创建.vue文件或目录,nuxt会为我们自动创建路由
page
|---- index.vue (对应路由为 /
|---- login.vue (对应路由为/detail
|---- user
|---------- account.vue (对应路由为/user/account.vue
|---------- index.vue (对应路由为 /user
|---- topic
|--------detail
|------------_id
|----------------index.vue (对应路由为 /topic/detail/:id

异步数据获取

使用钩子函数asyncData



后续慢慢再补充吧,反正也是给自己叨逼叨叨逼叨的

你可能感兴趣的:(Nuxt.js服务端渲染demo实践)