varlet vue2

varlet-vue2

Vue2的材料設計移動組件庫

文檔（Vercel）|文檔（Gitee）| 中文讀書我

---

簡介

VARLET-VUE2是一個基於Vue2開發的材料設計移動組件庫，由社區中的合作夥伴開發和維護。

特徵

• 提供50個高質量的通用組件
• 組件非常輕巧
• ？由中文，完整的中文和英語文檔和物流支持開發
• 支持按需介紹
• 支持主題自定義
• ？支持國際化
• 支持WebStorm，VS代碼組件語法突出顯示
• ？支持SSR
• 支持打字稿
• ？確保超過90％的單位測試覆蓋範圍，提供穩定性保證
• 支持黑暗模式

安裝

CDN

varlet.js組件功能已經完成，並且正在進行單元測試，建議用於內部測試

 < div id =" app " > </ div >
< script src =" https://cdn.jsdelivr.net/npm/[email protected] " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/@varlet-vue2/ui/umd/varlet.js " > </ script >
< script >
  Vue . use ( Varlet )

  new Vue ( {
    template : '<var-button>Button</var-button>'
  } ) . $mount ( '#app' )
</ script >

webpack / vite

 # Install with npm or yarn or pnpm

# npm
npm i @varlet-vue2/ui -S

# yarn
yarn add @varlet-vue2/ui

# pnpm
pnpm add @varlet-vue2/ui

 import App from './App.vue'
import Varlet from '@varlet-vue2/ui'
import Vue from 'vue'
import '@varlet-vue2/ui/es/style.js'

Vue . use ( Varlet )

new Vue ( {
  render : ( h ) => h ( App )
} ) . $mount ( '#app' )

貢獻者

回購狀態

此存儲庫將不再執行功能更新，只有錯誤修復，建議使用VARLET VUE3版本