gaopengbin / web-vue

@wei_design/web-vue

A Vue.js 3 UI library

---

• 🔭 Vite
• 💪 Vue3
• 🔥 TypeScript

快速开始

安装

node：>=16.0.0

npm

这里推荐pnpm进行安装

pnpm install @wei_design/web-vue --save

cdn

unpkg

资源浏览

<link rel="stylesheet" href="//unpkg.com/@wei_design/web-vue/lib/style.css" />
<script src="//unpkg.com/@wei_design/web-vue"></script>

jsdelivr

资源浏览

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@wei_design/web-vue/lib/style.css" />
<script src="//cdn.jsdelivr.net/npm/@wei_design/web-vue"></script>

使用

全局引入

在main.js中

import { createApp } from 'vue'
import App from './App.vue'
// 完整引入组件库
import WeDesign from '@wei_design/web-vue'

const app = createApp(App)
// 全局安装
app.use(WeDesign).mount('#app')

组件当中

<WeButton :loading="true">按钮组件</WeButton>

按需引入

main.js中

import { createApp } from 'vue'
import App from './App.vue'
// 按需引入
import { Button } from '@wei_design/web-vue'

const app = createApp(App)

app.use(Button).mount('#app')

组件当中

<WeButton :loading="true">按钮组件</WeButton>

---

版本记录

版本记录

有问题欢迎 issue...