3-3-06-Nuxt.js 基本介绍

Nuxt.js 介绍

• Nuxt.js 是一个基于 Vue.js 生态的第三方开源服务端渲染应用框架
• 它可以帮我们轻松的使用 Vue.js 技术栈构建同构应用

Nuxt.js 的使用方式

• 初始项目
• 已有的 Node.js 服务端项目
  • 直接把 Nuxt 当作一个中间件集成到 Node WebServer 中
• 现有的 Vue.js 项目
  • 非常熟悉 Nuxt.js
  • 至少百分之10 的代码改动

Nuxt.js 异步数据——asyncData 方法

基本用法

• 它会将 asyncData 返回的数据融合组件 data 方法返回数据一并给组件
• 调用时机：服务端渲染期间和客户端路由更新之前

注意事项

• 只能在页面组件中使用，如果在非页面组件中需要使用服务端渲染时生成的动态数据，只能在其父页面组件中的 asyncData 中先获取到数据然后传给子非页面组件。
• 没有 this 因为它是在组件初始化之前调用的。

其他相关笔记 https://github.com/dingxiaodongaaa/nuxtjs-demo