Nuxt.js基礎

Leon Aries發表於2018-11-09

Nuxt.js概述

Vue2、Vue Router 、 Vuex 、Vue Server Render 、Vue-meta

Nuxt.js工作流

Nuxt.js基礎

安裝Nuxt 

npx create-nuxt-app <專案名>

nrm  ls可以檢視當前使用的npm包下載資源路徑      nrm  use  cnpm 使用淘寶下載路徑

需要先下載nrm,   npm install -g nrm

Nuxt.js基礎

在伺服器端 mounted() 不執行 ,created()會執行,   通過 asyncData()來獲得非同步資料可以完成資料在伺服器端元件上渲染  

PS  Nuxt中 asyncData 用來處理元件資料  fetch用來處理VUEX資料

VUEX在Nuxt.js中的應用

建立一個store目錄  Nuxt.js基礎

SSR   伺服器端會將渲染好資料的模板返回來客戶端,並且將資料同步給客戶端


相關文章