Nuxt.js : vue-cli@2
前提：全局安裝過vue-cli工具 vue -V 查看安裝版本號 若大於2的版本需要進行橋接 橋接方式 見文章最後
初始化一個nuxt 項目 ： vue init nuxt/starter<項目名稱>
Nuxt.js 頁面結構：
修改了package.json文件，需要重啓服務
配置nuxt.js IP地址：package.json文件：
配置全局css文件： nuxt.config.js
配置於webpack： nuxt.config.js 文件中 build 對象裏
Nuxt路由：
nuxt路由 無需配置router，根據pages文件夾目錄下自動檢測（比如：在pages下新建一個about目錄，創建index.vue，那麼/about即是路由地址） 可在 .nuxt 文件夾下router.js文件夾中查看路由配置
<nuxt-link :to="{name:'路由地址',params:{}}"> ： 通過nuxt-link標籤 ：to 進行路由之間的跳轉 name無需指定/，params傳參
pages/index.vue 傳參：
pages/news/index.vue 接收：
動態路由：動態路由 需要 以 _動態路由參數名.vue命名
在pages/news文件目錄下 新建 _id.vue 做爲動態路由
動態路由傳參： name 中指定動態路由 ： -動態路由名稱
_id.vue 中接收 ：$route.params.id
_id.vue路由參數效驗：
路由動畫效果： 需要使用 nuxt-link 生成的超鏈接纔可以，普通的a標籤沒有效果
全局動畫：
單獨動畫：（在需要使用單獨動畫的組件中使用transition:test test指定的是css樣式中前面的test）
默認模板和默認佈局
相同點：都是爲了處理每一個頁面都存在的某個部分
不同點：默認模板 可定製 head中的內容，默認佈局只能適用於template中的內容
默認模板： 項目根目錄下新建app.html 改了模板需要重啓服務
默認佈局：layouts/default.vue
Nuxt配置404錯誤界面
layouts 下 建立 error.vue （必須是error.vue）
Nuxt配置個性meta標籤設置
在需要單獨設置meta標籤的vue組件中使用head()方法
Nuxt異步獲取數據
代碼倉：https://gitee.com/weiZhiXiang1219/nuxtDemo