VUWE是什麼意思?

青灯夜游
發布: 2020-11-30 11:40:49
原創
2470 人瀏覽過

VUWE是一款基於微信WeUI所開發的,專用於Vue2的元件庫;它與WeUI完全解耦,用戶透過自訂WeUI的樣式文件,可以方便地對VUWE實現客製化。

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 &#39;vue&#39;
import Vuwe from &#39;vuwe&#39;

Vue.use(Vuwe)
登入後複製

此時VUWE已經被全域註冊,可以在​​需要的地方直接使用VUWE元件標籤。

局部引入

在需要引入VUWE元件的地方直接引入:

import { VwButton } from &#39;vuwe&#39;

export default {
  components: {
    VwButton
  }
}
登入後複製

相關推薦:

##2020年前端vue面試題大匯總(附答案)

vue教學推薦:2020最新的5個vue.js影片教學精選

#更多程式相關知識,請造訪:

程式設計教學! !

以上是VUWE是什麼意思?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!