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. 运行试试
    进度条出现!眼泪都快留下来了,这下该写页面了吧???!!!
相关文章
相关标签/搜索