Seehar Design Vue

Appearance

快速开始 ​

全局引入 ​

在main.js中

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')
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')

组件当中

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

按需引入 ​

main.js中

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')
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')

组件当中

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