4

说明

  1. 上一章--vue从创建到完整的项目(2)路由
  2. 苍渡大神项目源码地址--Github地址
  3. 下一章--Home布局以及vue-resource

UI框架

  1. 咱们先看一下home.vue的效果图,原网址在此
    图片描述
  2. 接下来用什么UI框架呢?因为以前用的是weui,所以这次用mint-ui练练手,文档在此
  3. 首先下载

    npm install mint-ui -S
  4. 结果如图那两个警告说的啥我也不懂,先不管(大神指点)
  5. 下载好了,怎么用呢?先打开main.js引入

    import Mint from 'mint-ui'
    import 'mint-ui/lib/style.css'
    Vue.use(Mint)
  6. 管不管用不试试怎么知道?打开home.vue修改如下
    图片描述
  7. 运行试试
    进度条出现!眼泪都快留下来了,这下该写页面了吧???!!!

你的前端
132 声望93 粉丝

你的前端