vue從建立到完整的餓了麼(3)引入UI框架

說明

  1. 上一章--vue從建立到完整的項目(2)路由
  2. 蒼渡大神項目源碼地址--Github地址
  3. 下一章--Home佈局以及vue-resource

UI框架

  1. 我們先看一下home.vue的效果圖,原網址在此
    圖片描述
  2. 接下來用什麼UI框架呢?由於之前用的是weui,因此此次用mint-ui練練手,文檔在此
  3. 首先下載css

    npm install mint-ui -S
  4. 結果如圖那兩個警告說的啥我也不懂,先無論(大神指點)
  5. 下載好了,怎麼用呢?先打開main.js引入vue

    import Mint from 'mint-ui'
    import 'mint-ui/lib/style.css'
    Vue.use(Mint)
  6. 管無論用不試試怎麼知道?打開home.vue修改以下
    圖片描述
  7. 運行試試
    進度條出現!眼淚都快留下來了,這下該寫頁面了吧???!!!
相關文章
相關標籤/搜索