VUWE——又一個移動端Vue2組件庫

VUWE

在線預覽

介紹

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