Vue DevUI 是一个基于 DevUI Design 的 Vue3 组件库。
�� 特性：
- �� 包含 55 个简洁、易用、灵活的高质量组件
- �� 支持 TypeScript
- ⛰️ 支持 Nuxt3
- ⚡ 支持按需引入
- �� 支持国际化
- �� 支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 7 种漂亮的主题
�� 如何使用
1. 安装
npm i vue-devui
2. 引入
在main.ts文件中引入vue-devui。
import { createApp } from 'vue'
import App from './App.vue'
// 引入 Vue DevUI 组件库及样式
import DevUI from 'vue-devui'
import 'vue-devui/style.css'
createApp(App).use(DevUI).mount('#app')
3. 使用
在App.vue文件中使用 Vue DevUI 组件。
<template>
<d-button>确定</d-button>
</template>
��️ 本地开发
git clone git@github.com:DevCloudFE/vue-devui.git
cd vue-devui
pnpm i
pnpm dev
打开浏览器访问：http://localhost:3000/
或者你也可以运行以下命令：
pnpm scripts
�� 参与贡献
欢迎你参与到 Vue DevUI 项目的建设中来！��
通过参与 Vue DevUI 项目，我们可以一起：
- �� 学习最新的
Vite+Vue3+TypeScript+JSX技术 - �� 学习如何设计和开发组件
- ⭐ 磨练编程技能，学习优秀的编程实践
- �� 结识一群热爱学习、热爱开源的朋友
如果你不知道从哪儿开始，可以阅读我们的贡献指南
✨ 维护者
维护者是做出杰出贡献且在社区长期活跃的 DevUI 社区成员。
- kagol
- xingyan95
- linxiang07
- Zcating
- TinsFox
- JensonMiao
- xiejay97
- daviForevel
- AlanLee97
- SituC
- lj1990111
- newer2333
- vaebe
- ivestszheng
- ElsaOOo
- asdlml6
- GaoNeng-wWw
- chenxi24
- ErKeLost
- brenner8023
杰出贡献包括但不仅限于以下行为：
- 合并 10 个以上 PR
- 提出超过 10 条被 PR 作者认可的检视意见
- 提供建设性的优化意见并推动项目变得更好
✨ 贡献者
贡献者是在 DevUI 社区中合并了 1 个或多个 PR 的社区成员。
感谢以下 DevUI 的田主们 (emoji key):
该项目遵循 all-contributors 规范。欢迎任何形式的贡献！
合作项目
开源许可
-
一、安装Vue.js 1.安装cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.之后，使用cnpm安装Vue.js: cnpm install vue 3.安装成功，查看版本： vue-V 4.引入Vue模块： import Vue from 'vue' 二、安装Vue Devtool 1、下载Vu
-
以下几种情况： 出现**[ …] / fetchMetadata: sill resolveWithNewModule** 这样的情况，长时间停留在这个界面，后面就是4058错误出现； npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, access 有人说是没有切换到淘宝镜像: npm config s
-
不多说直接上代码： <template> <div class="ip-box"> <el-input v-model.number="ip1" name="ip" maxlength="3" onkeyup="value=value.replace(/[^\d]/g,'')" @keyup.native="keyupEvent(1,$event)" @blur="submitIp" @in
-
vue的UI框架和项目基本都是基于Vue3.0 开源 UI框架 1、PC端 element-plus Ant Design of Vue Arco Design Vue TDesign Naive UI vue-devui layui-vue 2、移动端(含小程序和H5) vant3 Varlet NutUI uView
-
vue-datepicker-local (vue-datepicker-local) A Beautiful Datepicker Component For Vue2. Vue2的一个漂亮的Datepicker组件。 Lightweight (less than 5kb minified and gzipped) 轻量级(压缩并压缩后少于5kb) Only dependencies Vue 仅
-
主要内容：全局组件实例,实例,实例,全局组件实例,局部组件实例,Prop,Prop 实例,Prop 实例组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 每个 Vue 应用都是通过用 createApp 函数创建的，传递给 createApp 的选项用于配置根组件。当我们挂载应用时，该组件被用作渲染的起点。 一个应用需要被挂载到一
-
如果您在声明组件时更喜欢基于类的 API，则可以使用官方维护的vue-class-component装饰器： import Vue from 'vue' import Component from 'vue-class-component' // @Component 修饰符注明了此类为一个 Vue 组件 @Component({ // 所有的组件选项都可以放在这里 template:
-
父组件 子组件 为什么执行getSonData的时候，无法获取到子组件的data？sonRef.value.data只能在onMounted内使用吗？不能在父组件的方法里执行？
-
本文向大家介绍基于Vue的文字跑马灯组件(npm 组件包)，包括了基于Vue的文字跑马灯组件(npm 组件包)的使用技巧和注意事项，需要的朋友参考一下 一、前言 总结下最近工作上在移动端实现的一个跑马灯效果，最终效果如下： 印象中好像HTML标签的‘marquee'的直接可以实现这个效果，不过 HTML标准中已经废弃了‘marquee'标签 既然HTML标准已经废弃了这个标签，现在工作上用的是Vu
-
项目基于vue3，如何使用OpenLayers地图，在地图中根据经纬度，步长绘制网格，并且网格可以矩形拖选，请问用什么实现？
-
本文向大家介绍vue基于element的区间选择组件，包括了vue基于element的区间选择组件的使用技巧和注意事项，需要的朋友参考一下 公司的系统中，产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件（slider组件并不支持两端均能设定），于是自己动手造了一个。 成果 最终的展示效果如下： 需求 这里以项目的需求为例，基本的需求如下
-
我是一个新手，我总是想到一个基于类的组件，就像我在Java中做类一样。 在Java中比较基于类的组件和类的两种思维是正确的吗？换句话说，呈现的组件是否像Java中的对象一样，它们是类的实例化？ 有区别吗？
-
下面的代码直接打开这个页面执行没有问题，但是做为组件放到Dialog里被另一个页面执行，打开是图片就无放显示，有大神能看出是哪里问题吗？