vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)
vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)import { createApp } from 'vue' import App from './App.vue' import { Button } from 'vue-devui' // or import Button from 'vue-devui/button' import 'vue-devui/button/style.css' createApp(App) .use(Button) // 使用组件 .mount('#app')非常不错的一款vue3组件库。如果大家项目需要用到,可以去看看哈。
昨天有给大家推荐一款vue3组件库NaiveUI。今天再给小伙伴们分享一个Vue3组件库vue-devui。
超惊艳 Vue3.x 组件库Naïve UI
Vue-DevUI 是 Vue3 版本的 DevUI 组件库,具有沉浸、灵活、至简的设计价值观。
安装npm i vue-devui -S
yarn add vue-devui
引入组件
- 全局引入
import { createApp } from 'vue'
import App from './App.vue'
import DevUI from 'vue-devui'
import 'vue-devui/style.css'
createApp(App)
.use(DevUI) // 使用 Vue DevUI
.mount('#app')
- 按需引入
除了全量引入,也支持单个组件按需引入。
import { createApp } from 'vue'
import App from './App.vue'
import { Button } from 'vue-devui'
// or import Button from 'vue-devui/button'
import 'vue-devui/button/style.css'
createApp(App)
.use(Button) // 使用组件
.mount('#app')
非常不错的一款vue3组件库。如果大家项目需要用到,可以去看看哈。
# 官网地址
https://devui.design
# 仓库地址
https://gitee.com/devui/vue-devui