都2024了,这些库和工具不会还有人没用过吧?
liuian 2025-03-11 18:00 25 浏览
我们都知道 Vue 是一个易学易用、高性能、渐进式的 JavaScript 框架,应用范围广泛,深受开发者喜爱。 随着Vue3引入了 Composition API,使得逻辑复用更加友好了。
如今2024年都已经过半了,很有必要来更新一下你项目中的 vue 相关工具链了~
Pina
Pinia 是 Vue 最新一代的轻量级状态管理库。它与 Vue 2.x 和 Vue 3.x 兼容。它是 Vue 团队的一名正式成员于 2019 年 11 月重新设计的状态存储,它允许您跨组件/页面共享状态,并且是响应式的,类似于 Vuex。
VueRequest
VueRequest 是一个可以轻松帮助你管理请求状态的库,支持 SWR、轮询、错误重试、缓存、分页等常用功能。
Vitest
Vitest 是 vite 团队推出的下一代测试框架,基于 vite 框架,构建快速高效的单元测试。npm 下载总量有 500 多万, 在单元测试领域里面也是占领一分天地了。
Rspack
基于 Rust 的高性能 Web 打包工具,具有速度快,兼容性好的特点在2024年开始崭露头角。并且在 2024年已经完成 1.0 版本的发布。
VueUse
VueUse 对标 react 的 ahook 有着丰富的 hook 函数。 借助于 vue-demi ,使得 vueuse 在 vue2 和 vue3 中可以使用。
unocss
UnoCSS 是一个由 Antfu 开发的 CSS 框架,其核心特点是即时、按需生成 CSS 样式,通过原子化设计将 CSS 样式拆分为最基本的元素,并仅在需要时生成相应的 CSS 规则,从而显著减少加载时间和生成的 CSS 文件大小。
Vxe-table
我可以说这个表格库应该是你能想到的表格场景这个库里面都有,你没想到场景,这里面估计也有,强烈推荐可以关注一下。
pnpm
都2024年了,是时候在新项目中使用 pnpm包管理工具了。
因为 pnpm 是一个快速、高效、且节省磁盘空间的 JavaScript 包管理器。与其他流行的包管理器(如 npm 和 Yarn)相比,pnpm 有一些独特的特性,使其在处理大型项目和多项目仓库时表现得更加出色。
VTable
字节出品的表格组件,基于 canvas实现的表格,具有天然的性能优势,同时也天然支持虚拟滚动。
拖拽库
vue3 版本中最新的拖拽库,是基于React DnD 开发的Vue3 版本。与React DnD的功能基本一致。
Rspress
一个和 vitepress 一样的静态站点生成器,基于 rust 的生态,在构建速度上比 vitepress 更有优势
小结
如果您有疑问或者其他问题,欢迎留言评论,大家一起探讨,一起进步~ 欢迎点赞、关注、转发~
相关推荐
- 搭建一个20人的办公网络(适用于20多人的小型办公网络环境)
-
楼主有5台机上网,则需要一个8口路由器,组网方法如下:设备:1、8口路由器一台,其中8口为LAN(局域网)端口,一个WAN(广域网)端口,价格100--400元2、网线N米,这个你自己会看了:)...
- 笔记本电脑各种参数介绍(笔记本电脑各项参数新手普及知识)
-
1、CPU:这个主要取决于频率和二级缓存,频率越高、二级缓存越大,速度越快,现在的CPU有三级缓存、四级缓存等,都影响相应速度。2、内存:内存的存取速度取决于接口、颗粒数量多少与储存大小,一般来说,内...
- 汉字上面带拼音输入法下载(字上面带拼音的输入法是哪个)
-
使用手机上的拼音输入法打成汉字的方法如下:1.打开手机上的拼音输入法,在输入框中输入汉字的拼音,例如“nihao”。2.根据输入法提示的候选词,选择正确的汉字。例如,如果输入“nihao”,输...
- xpsp3安装版系统下载(windowsxpsp3安装教程)
-
xpsp3纯净版在采用微软封装部署技术的基础上,结合作者的实际工作经验,融合了许多实用的功能。它通过一键分区、一键装系统、自动装驱动、一键设定分辨率,一键填IP,一键Ghost备份(恢复)等一系列...
- 没有备份的手机数据怎么恢复
-
手机没有备份恢复数据方法如下1、使用数据线将手机与电脑连接好,在“我的电脑”中可以看到手机的盘符。 2、将手机开启USB调试模式。在手机设置中找到开发者选项,然后点击“开启USB调试模式”。 3、...
- 电脑怎么激活windows11专业版
-
win11专业版激活方法有多种,以下提供两种常用的激活方式:方法一:使用激活密钥激活。在win11桌面上右键点击“此电脑”,选择“属性”选项。进入属性页面后,点击“更改产品密钥或升级windows”。...
- 华为手机助手下载官网(华为手机助手app下载专区)
-
华为手机助手策略调整,已不支持从应用市场下载手机助手,目前华为手机助手是需要在电脑上下载或更新手机助手到最新版本,https://consumer.huawei.com/cn/support/his...
- 光纤线断了怎么接(宽带光纤线断了怎么接)
-
宽带光纤线断了可以重接,具体操作方法如下:1、光纤连接的时候要根据束管内,同色相连,同芯相连,按顺序进行连接,由大到小。一般有三种连接方法,分别是熔接、活动连接和机械连接。2、连接的时候要开剥光缆,抛...
- win7旗舰版和专业版区别(win7旗舰版跟专业版)
-
1、功能区别:Win7旗舰版比专业版多了三个功能,分别是Bitlocker、BitlockerToGo和多语言界面; 2、用途区别:旗舰版的功能是所有版本中最全最强大的,占用的系统资源,...
- 万能连接钥匙(万能wifi连接钥匙下载)
-
1、首先打开wifi万能钥匙软件,若手机没有开启WLAN,就根据软件提示打开WLAN开关;2、打开WLAN开关后,会显示附近的WiFi,如果知道密码,可点击相应WiFi后点击‘输入密码’连接;3、若不...
- 雨林木风音乐叫什么(雨林木风是啥)
-
雨林木风的创始人是陈年鑫先生。陈年鑫先生于1999年创立了雨林木风公司,其初衷是为满足中国市场对高品质、高性能电脑的需求。在陈年鑫先生的领导下,雨林木风以技术创新、产品质量和客户服务为核心价值,不断推...
- aics6序列号永久序列号(aics6破解序列号)
-
关于AICS6这个版本,虽然是比较久远的版本,但是在功能上也是十分全面和强大的,作为一名平面设计师的话,AICS6的现有的功能已经能够应付几乎所有的设计工作了……到底AICC2019的功能是不是...
- 手机可以装电脑系统吗(手机可以装电脑系统吗怎么装)
-
答题公式1:手机可以通过数据线或无线连接的方式给电脑装系统。手机安装系统需要一定的技巧和软件支持,一般需要通过数据线或无线连接的方式与电脑连接,并下载相应的软件和系统文件进行安装。对于大部分手机用户来...
- 一周热门
- 最近发表
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- vscode切换git分支 (35)
- python bytes转16进制 (35)
- grep前后几行 (34)
- hashmap转list (35)
- c++ 字符串查找 (35)
- mysql刷新权限 (34)
