4.【nuxt起步】-具體練習一個h5實例

目標地址：https://www.vyuan8.com/vyuan/plugin.php?id=vyuan_fangchan&module=fangchan&pid=10079&fid=70823

頁面能夠從上到下分爲若干組件，導航，swiper幻燈,詳情，推薦，底部 5個組件

1.先搞個頭部導航

把css和html搞過來以後 發現老是不對 ，什麼問題呢

原來是熱刷新的問題，也就是你再vscode編輯修改了，可是在瀏覽器看到的效果不是實時的，nodejs有個熱刷新的命令

cnpm install -g supervisor

先在命令行中止項目，而後執行 supervisor 後再npm run dev

Header.vue

 

效果：

 

少了個箭頭，要加載 iconfont.css，並且是全局的css

首先配置nuxt.config.js

而後把靜態樣式文件放到該目錄

 

Npm run dev 效果出來了