超优秀Vue3.x组件库Vue-DevUI

今天再给小伙伴们分享一个Vue3组件库vue-devui。

超惊艳 Vue3.x 组件库Naïve UI

超优秀Vue3.x组件库Vue-DevUI

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.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

超优秀Vue3.x组件库Vue-DevUI

非常不错的一款vue3组件库。如果大家项目需要用到,可以去看看哈。

# 官网地址
https://devui.design

# 仓库地址
https://gitee.com/devui/vue-devui

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.net/share/29857.html

发表评论

登录后才能评论