基于 vue3+ts pc端UI组件库JWUI

时间：2023-03-05 16:11:28 来源：今日头条作者：web前端进阶

今天再给大家分享一个超不错的 vue3.js 桌面pc端组件库JW-UI。

jw-ui 一个基于 vue3 typescript 开发的开源UI组件库。包含了21个常用组件。

安装npm install yjw-ui快速引入

支持全局引入和按需引入两种方式。

全局引入

import { createApp } from "vue" import App from "./App.vue" import JwUi from "yjw-ui" import "yjw-ui/dist/lib/yjw-ui.css" const app = createApp(App) app.use(JwUi) app.mount("#app")

按需引入

import { JwButton } from "yjw-ui" import "yjw-ui/dist/lib/yjw-ui.css"

比较不错的一款组件库，对于学习编写组件库非常有借鉴意义。

最后附上文档及仓库地址

# 文档地址 https://coderyjw.Github.io/jw-ui-website/ # 仓库地址 https://github.com/coderyjw/jw-ui

好了，今天就分享到这里，感兴趣的可以去看看哈。

Tags：vue 点击:() 评论:()

声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作，风险自担。如有任何标注错误或版权侵犯请与我们联系，我们将及时更正、删除。

▌相关推荐

前端开始“锈化”？Vue团队开源JS打包工具：基于Rust、速度极快、尤雨溪主导

Vue 团队已正式开源Rolldown —— 基于 Rust 的 JavaScrip 打包工具。Rolldown 是使用 Rust 开发的 Rollup 替代品，它提供与 Rollup 兼容的应用程序接口和插件接口...【详细内容】

2024-03-09　　Search: vue 点击:(11)　　评论:(0)　　加入收藏

SpringBoot3+Vue3 开发高并发秒杀抢购系统

开发高并发秒杀抢购系统：使用SpringBoot3+Vue3的实践之旅随着互联网技术的发展，电商行业对秒杀抢购系统的需求越来越高。为了满足这种高并发、高流量的场景，我们决定使用Spring...【详细内容】

2024-01-14　　Search: vue 点击:(91)　　评论:(0)　　加入收藏

React与Vue性能对比：两大前端框架的性能

React和Vue是当今最流行的两个前端框架，它们在性能方面都有着出色的表现。React的加载速度：初次加载：由于React使用了虚拟DOM（Virtual DOM）技术，它可以通过比较虚拟DOM树与实际DOM...【详细内容】

2024-01-05　　Search: vue 点击:(107)　　评论:(0)　　加入收藏

Vue中Scope是怎么做样式隔离的？

scope样式隔离在 Vue 中，样式隔离是通过 scoped 特性实现的。当在一个组件的 <style> 标签上添加 scoped 特性时，Vue 会自动为这个样式块中的所有选择器添加一个唯一的属性，以...【详细内容】

2024-01-04　　Search: vue 点击:(80)　　评论:(0)　　加入收藏

vue3中 ref和 reactive的区别？

最近有朋友在面试过程中经常被问到这么一个问题，vue3 中的ref 和 reactive的区别在哪里，为什么要定义两个API 一个 api不能实现响应式更新吗？？带着这个疑问，我们接下来进行逐...【详细内容】

2024-01-03　　Search: vue 点击:(38)　　评论:(0)　　加入收藏

React18 与 Vue3 全方面对比

1. 编程风格 & 视图风格1.1 编程风格 React 语法少、难度大；Vue 语法多，难度小例如指令：Vue<input v-model="username"/><ul> <li v-for="(item,index) in list" :key="inde...【详细内容】

2024-01-03　　Search: vue 点击:(72)　　评论:(0)　　加入收藏

Vue中虚拟Dom技术，你学会了吗？

在Vue中，虚拟DOM（Virtual DOM）是一项关键的技术，它是一种用JavaScript对象模拟真实DOM结构的机制。虚拟DOM的引入旨在提高DOM操作的效率，特别是在频繁的数据变化时。1. 为什么需...【详细内容】

2023-12-26　　Search: vue 点击:(65)　　评论:(0)　　加入收藏

七个常用的 Vue 3 UI 组件

介绍：由于我在工作的公司中角色和职责的变化，作为后端开发人员的我在去年年底选择了 Vue.js。当我深入研究时，我发现 Vue.js 非常有趣。它不像 Angular 那样有很高的学习曲线，而...【详细内容】

2023-12-20　　Search: vue 点击:(78)　　评论:(0)　　加入收藏

Vue3 学习笔记，如何使用 Watch 监听数据变化

大家好，本篇文章我们继续学习和 Vue 相关的内容，今天我们归纳总结下如何使用 watch 监听组件中的数据变化，以及 computed 和 watch 的区别。什么是 watch，以及如何使用？watch 是...【详细内容】

2023-12-14　　Search: vue 点击:(166)　　评论:(0)　　加入收藏

Vue3 学习笔记，如何理解 Computed 计算属性

大家好，本篇文章我们继续学习和 Vue 相关的内容，今天我们归纳总结下什么是 computed 计算属性、如何使用和应用场景，以及 computed 和 Method 事件的区别和应用场景。什么是 co...【详细内容】

2023-12-11　　Search: vue 点击:(199)　　评论:(0)　　加入收藏

▌简易百科推荐

20k级别前端是怎么使用LocalStorage的，想知道吗？

当咱们把咱们想缓存的东西，存在localStorage、sessionStorage中，在开发过程中，确实有利于咱们的开发，咱们想看的时候也是一目了然，点击Application就可以看到。前言大家好，我是林...【详细内容】

2024-03-26　　前端之神　　微信公众号　　Tags:前端　点击:(12)　　评论:(0)　　加入收藏

前端不存在了？盲测64%的人更喜欢GPT-4V的设计，杨笛一等团队新作

3 月 9 日央视的一档节目上，百度创始人、董事长兼 CEO 李彦宏指出，以后不会存在「程序员」这种职业了，因为只要会说话，人人都会具备程序员的能力。「未来的编程语言只会剩下两种...【详细内容】

2024-03-11　　机器之心Pro　　　　Tags:前端　点击:(9)　　评论:(0)　　加入收藏

前端开始“锈化”？Vue团队开源JS打包工具：基于Rust、速度极快、尤雨溪主导

2024-03-09　　OSC开源社区　　　　Tags:Vue 　点击:(11)　　评论:(0)　　加入收藏

两年前端经验还不会手写Promise？

什么是promise？当我们处理异步操作时，我们经常需要进行一系列的操作，如请求数据、处理数据、渲染UI等。在过去，这些操作通常通过回调函数来处理，但是回调函数嵌套过多会导致代码...【详细内容】

2024-03-07　　海燕技术栈　　微信公众号　　Tags:Promise 　点击:(23)　　评论:(0)　　加入收藏

网站开发中的前端和后端开发有什么区别

前端开发和后端开发都是干什么的？有哪些区别？通俗地讲，前端干的工作是用户可以直接看得见的，而后端开发的工作主要在服务端，用户不太能直接看到。虽然前端开发和后端开发的工作有...【详细内容】

2024-02-21　　CarryData　　　　Tags:前端　点击:(32)　　评论:(0)　　加入收藏

网站程序开发中的前后端分离技术

随着互联网的快速发展和技术的不断创新，传统的网站开发模式已经难以满足日益增长的业务需求。为了提高开发效率、增强系统的可维护性和可扩展性，前后端分离技术逐渐成为了网站...【详细内容】

2024-01-31　　网站建设派迪星航　　　　Tags:前后端分离　点击:(23)　　评论:(0)　　加入收藏

如何优雅的实现前端国际化？

JavaScript 中每个常见问题都有许多成熟的解决方案。当然，国际化 (i18n) 也不例外，有很多成熟的 JavaScript i18n 库可供选择，下面就来分享一些热门的前端国际化库！i18nexti18ne...【详细内容】

2024-01-17　　前端充电宝　　微信公众号　　Tags:前端　点击:(69)　　评论:(0)　　加入收藏

Vue中Scope是怎么做样式隔离的？

2024-01-04　　海燕技术栈　　微信公众号　　Tags:Vue 　点击:(80)　　评论:(0)　　加入收藏

vue3中 ref和 reactive的区别？

2024-01-03　　互联网高级架构师　　今日头条　　Tags:vue3 　点击:(38)　　评论:(0)　　加入收藏

React18 与 Vue3 全方面对比

2024-01-03　　爱做梦的程序员　　今日头条　　Tags:Vue3 　点击:(72)　　评论:(0)　　加入收藏

推荐资讯

新增融券再启动暂停键	16个Redis常见使用场
一篇文章教会你使用Py	聊聊Rust里面的数据类
C++中的外部模板及其	一篇文章带你了解Pyth
网络安全行业的春天何	Linux获取Redis 性能