VUWE是一款基於微信WeUI所開發的,專用於Vue2的元件庫;它與WeUI完全解耦,用戶透過自訂WeUI的樣式文件,可以方便地對VUWE實現客製化。
VUWE介紹
#VUWE是一款基於微信WeUI所開發的,專用於Vue2的元件庫。
它與WeUI完全解耦。使用者透過自訂WeUI的樣式文件,可以方便地對VUWE實現客製化。
中文文件位址:https://vuwe.github.io/vuwe/doc.html#/
安裝與使用
安裝
進入一個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 } }
#更多程式相關知識,請造訪:相關推薦:
程式設計教學! !
以上是VUWE是什麼意思?的詳細內容。更多資訊請關注PHP中文網其他相關文章!