vue从创建到完整的饿了么(3)引入UI框架

说明

  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. 运行试试
    进度条出现!眼泪都快留下来了,这下该写页面了吧???!!!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值