Nuxt.js是基於Vue.js的通用應用框架，與vue.js很類似，下面我們一起看一下
nuxt簡介
通過對客戶端/服務端基礎架構抽象組織，主要供應ui渲染
下圖Nuxt.js應用一個完整服務器請求到渲染（用戶用<nuxt-link>切換路由渲染頁面）流程
安裝與配置
安裝
確保安裝npx（npx默認在npm5.2版本以上安裝）
npx create-nuxt-app 項目名 && yarn create nuxt-app 項目名
還可以用另一種電腦安裝vue-cli可以使用vue init nuxt/starter 進行創建（一般不推薦）
啟動
npm run dev && yarn dev
介紹文件
assets(靜態資源)、component（Vue.js）、middleware（中間件）
以下文件不可更改
pages（路由視圖）、plugins（插件）、store（vuex樹狀圖）、nuxt.config.js（個性化配置）
、layouts（默認路由視圖容器）、package.json（依賴和暴露）
路由視圖
路由
導航標簽：<nuxt-link to="/">首頁</nuxt-link>
嵌套路由
子組件必須放在父組件命名的文件夾下：<next-child><nuxt-child/>
重定向
組件內部借用created函數進行編程式路由push調用
傳參
（具體可以看vue里的傳參）
具體操作
數據處理
asyncDate方法（異步）
兩種，鈎子函數前觸發
//第一種 asyncData({$axios}){ return $axios({ url:"", params:{uid:...} }).then((data)=>{ return {list:data.data.data} }) } //第二種 async asyncData({$axios}){ let arr = await $axios({ url:"", params:{uid:}, }) return {list:arr.data.data} }
vuex狀態樹