Nuxt.js概述
Vue2、Vue Router 、 Vuex 、Vue Server Render 、Vue-meta
Nuxt.js工作流
安装Nuxt
vue init nuxt-community/koa-template<project name>
npx create-nuxt-app <项目名>
nrm ls可以查看当前使用的npm包下载资源路径 nrm use cnpm 使用淘宝下载路径
需要先下载nrm, npm install -g nrm
在服务器端 mounted() 不执行 ,created()会执行, 通过 asyncData()来获得异步数据可以完成数据在服务器端组件上渲染
PS Nuxt中 asyncData 用来处理组件数据 fetch用来处理VUEX数据
VUEX在Nuxt.js中的应用
创建一个store目录
SSR 服务器端会将渲染好数据的模板返回来客户端,并且将数据同步给客户端
asyncData 仅限于页面级的组件才会触发