VUWE
是一款基于微信WeUI
所开发的,专用于Vue2
的组件库。
它与WeUI
完全解耦。用户通过自定义WeUI
的样式文件,可以方便地对VUWE
实现定制化。
进入一个Vue
工程项目,然后执行以下命令:
npm install vuwe --save
在开始之前,需要在index.html
内加载WeUI
样式库:
<link rel="stylesheet" href="/weui.min.css">
进入工程入口js,写入下列语句:
import Vue from 'vue'
import Vuwe from 'vuwe'
Vue.use(Vuwe)
此时VUWE
已经被全局注册,可以在需要的地方直接使用VUWE
组件标签。
组件列表看这里
在需要引入VUWE
组件的地方直接引入:
import { VwButton } from 'vuwe'
export default {
components: {
VwButton
}
}
克隆项目、安装依赖
git clone https://github.com/vuwe/vuwe.git
cd vuwe && npm install
开发模式
npm run dev
生产模式
npm run build
示例模式(产出一个index.html
文件,一个app.js
文件)
npm run build-demo