zybieku / web-vue

@wei_design/web-vue，基于Vue3 + Vite + vitepress的组件库，A Vue.js 3 UI library

@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...