快捷搜索:  汽车  科技

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。

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(1)

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

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(2)

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

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(3)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(4)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(5)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(6)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(7)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(8)

vue ui组件库(超优秀Vue3.x组件库Vue-DevUI)(9)

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

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

猜您喜欢: