VUWE——又一个移动端Vue2组件库

4

VUWE

LOGO

在线预览

介绍

VUWE是一款基于微信WeUI所开发的,专用于Vue2的组件库。

它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。

中文文档

使用

进入一个Vue工程项目,然后执行以下命令:

npm install vuwe --save

加载WeUI

在开始之前,需要在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

MIT


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

大白 · 2017年11月07日

文档已挂。

回复

坐忘含光 · 2018年01月12日

文档已挂

回复

未忘初心丶 · 2018年01月25日

兄弟,文档挂了啊,能小小的repair一下吗~

回复

葡式蛋塔 · 2018年02月08日

star 是197(2018/2/8) 目前还是处于观望状态

回复

载入中...