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