Nuxt.js基础

258 阅读1分钟

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 仅限于页面级的组件才会触发