0.0.13 • Published 7 months ago
seehar-design-vue v0.0.13
Seehar Design Vue
A Vue.js 3 UI library
安装
npm
# npm
npm install seehar-design-vue --save
# pnpm
pnpm add seehar-design-vue
# yarn
yarn add seehar-design-vuecdn
unpkg
<head>
<!-- Import style -->
<link rel="stylesheet" href="//unpkg.com/seehar-design-vue/lib/style.css" />
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<!-- Import component library -->
<script src="//unpkg.com/seehar-design-vue"></script>
</head>jsdelivr
<head>
<!-- Import style -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/seehar-design-vue/lib/style.css" />
<!-- Import Vue 3 -->
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<!-- Import component library -->
<script src="//cdn.jsdelivr.net/npm/seehar-design-vue"></script>
</head>使用
全局引入
在main.js中
import { createApp } from 'vue'
import App from './App.vue'
// 完整引入组件库
import SeeharDesign from 'seehar-design-vue'
const app = createApp(App)
// 全局安装
app.use(SeeharDesign).mount('#app')组件当中
<ShButton :loading="true">按钮组件</ShButton>按需引入
main.js中
import { createApp } from 'vue'
import App from './App.vue'
// 按需引入
import { Button } from 'seehar-design-vue'
const app = createApp(App)
app.use(Button).mount('#app')组件当中
<ShButton :loading="true">按钮组件</ShButton>版本记录
有问题欢迎 issue...