寫於 2016.12.27

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