Vue.js開源:VUWE - 一款基于微信WeUI所開發的，專用于Vue2的組件庫

314123837 7年前發布 | 82K 次閱讀 Vue.js WeUI Vue.js開發

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)</code></pre> 
  
此時 VUWE 已經被全局注冊，可以在需要的地方直接使用 VUWE 組件標簽。
 
  
局部引入
 
  
在需要引入 VUWE 組件的地方直接引入：
 
  
import { VwButton } from 'vuwe'


export default {
  components: {
    VwButton
  }
}</code></pre> 
  
運行
 
  
克隆項目、安裝依賴
 
  
git clone https://github.com/vuwe/vuwe.git


cd vuwe && npm install</code></pre> 
  
開發模式
 
  
npm run dev
 
  
生產模式
 
  
npm run build
 
  
示例模式（產出一個 index.html 文件，一個 app.js 文件）
 
  
npm run build-demo
 
  
 
 
  
 
 
  
 
 本文由用戶 314123837 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！