滴滴 cube-ui 教程

11月8号,滴滴在github上开源了Web移动端组件库cube-ui。cube-ui是基于Vue.js 2.0的,目前在github上已获得上千个sthttp://www.anbomei.com/188a/2a8a9f9e2b9a.htmlar。值得一提的是cube-ui和WeUI类似,只不过底层实现不一样罢了,本文将主要介绍cube-uihttp://www.anbomei.com/1b1e/fcd4c19eaf46.html的使用。 安装 安装的方法很简单,依赖npm。 npm install cube-ui --save 基本用法 安装完成之后,在使用时,引入cubehttp://www.anbomei.com/5364/6aa2e12d1b11.html-ui,然后调用use方法即可。 import Vue from 'vue' import Cube from 'cube-uihttp://www.anbomei.com/5b81/093c4ac758aa.html' Vue.use(Cube) 使用模块化的cube-ui import Vue from 'http://www.anbomei.com/bf1a/7ddafb05daff.htmlvue' import { /* www.xttblog.com */ Style, Button, ActionSheet } from 'cube-ui' Vue.use(Button) Vue.use(ActionSheet) cube-ui的特点 组件多 主题丰富 大家可以直接把官网上的代码clone下来http://www.anbomei.com/1398/b02f86097ad6.html。 git clone git@github.com:didi/http://www.anbomei.com/1e37/84b410173706.htmlcube-ui.git cd cube-ui npm install npm run dev # or runhttp://www.anbomei.com/b5cc/773165c136fa.html document development npm run doc-dev 直接运行就可以看到效果。cube-ui运行后,在手机上查看,效果最佳。 最后,欢迎关注我的个人微信公众号http://www.anbomei.com/6e4a/1c26316d18a6.htmlhttp://www.anbomei.com/65f1/0f860a356894.html业余草(yyucao)!