Nuxt.js概述
Vue2、Vue Router 、 Vuex 、Vue Server Render 、Vue-meta
Nuxt.js工作流
安裝Nuxt
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 伺服器端會將渲染好資料的模板返回來客戶端,並且將資料同步給客戶端