投稿

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

Vedu • • 资源分享 • 阅读 910

今天再给小伙伴们分享一个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.com/share/29857.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2021-10-24 09:10
下一篇 2021-10-24 09:11

相关推荐

发表评论

登录后才能评论