junbo-ui
基于 Vue3,Element Plus 开发的公共组件库
部署
执行 npm run build
打包后将 lib 文件夹下的文件部署到 cdn 上,例如 JunboUI@2.0.0.js
安装
- 如果使用的是 cdn 上的 vuejs,在 JunboUI 之前引入 vue 即可,例如:
<link rel="stylesheet" href="https://cdn.lipush.com/junbo/css/JunboUI@2.0.5.css" />
<script src="https://cdn.lipush.com/other/js/vue@3.2.47vue-router@4.1.6pinia@2.0.32.js"></script>
<script src="https://cdn.lipush.com/junbo/js/JunboUI@2.0.5.js"></script>
- 如果使用的是本地 node_modules 的 vuejs,先直接引入 JunboUI 样式,例如:
npm i junbo-ui -S
<link rel="stylesheet" href="https://cdn.lipush.com/junbo/css/JunboUI@2.0.5.css" />
然后在 main.js 文件添加如下代码:
import { createApp } from 'vue';
const app = createApp(App);
import JunboUi from 'junbo-ui';
app.use(JunboUI);
使用
组件具体使用方法请看demo源码
<JunboTable :table="table"></JunboTable> ...