Vux
(读音 [v'ju:z],同views)是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。
vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。
直接安装或者更新:
npm install vux --save
或者使用yarn:
yarn add vux // 安装
yarn upgrade vux // 更新
使用vue-cli工具和airyland/vux2模板快速初始化项目
默认为 webpack2 模板,如果你需要使用webpack
请使用 vue init airyland/vux2 #webpack1 projectPath
npm install vue-cli -g // 如果还没安装
vue init airyland/vux2 projectPath
cd projectPath
npm install --registry=https: //registry.npm.taobao.orgnpm run de
调用示例
<template>
<div>
<group>
<cell title="title"value="value"></cell>
</group>
</div>
</template>
import { Group, Cell } from'vux'
export default{
components: {
Group, Cell
}}
main.js中调用plugin
import { AlertPlugin, ToastPlugin } from'vux'
Vue.use(AlertPlugin)
Vue.use(ToastPlugin) // 详细使用请参考对应组件文档
vue init airyland/vux2 projectPathcdprojectPathnpm install --registry=https://registry.npm.taobao.orgnpm run dev