首頁  >  文章  >  web前端  >  VUWE是什麼意思?

VUWE是什麼意思?

青灯夜游
青灯夜游原創
2020-11-17 13:38:382447瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn