当前位置:首页 > 科技  > 软件

2024 Vue 最全的生态工具组合推荐指南

来源: 责编: 时间:2024-06-25 17:19:06 294观看
导读Vue3虽然 Vue2 很多项目在用,但是官方已经宣布不在维护 Vue2,所以新项目肯定首选 Vue3 来进行开发,组合式 API 开发起来比选项式 API 方便多了,而且 Vue3 的响应式实现也更加合理,对 typescript 的支持也更好,打包体积也更

Vue3

虽然 Vue2 很多项目在用,但是官方已经宣布不在维护 Vue2,所以新项目肯定首选 Vue3 来进行开发,组合式 API 开发起来比选项式 API 方便多了,而且 Vue3 的响应式实现也更加合理,对 typescript 的支持也更好,打包体积也更小,模板编译加入了静态节点提升的优化。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

Nuxt

官方出品的 SSR 框架,绝对是首选。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

Vite

现在 Vite 这个构建工具有多火不用我说了吧?相比于 Webpack,Vite 比较轻量,且开发阶段构建超级快,除非旧项目依赖 Webpack,不然新项目首选 Vite。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

PNPM

在包管理器的选择上,首选 PNPM,相比于 NPM,它能解决很多问题,例如幽灵依赖、安装速度快、节省空间、天然支持 Monorepo。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

Pinia

相比于老牌状态管理 Vuex,Pinia更加小巧,使用起来也更加简单,对 Typescript 的支持也更好,并且所见即所得让开发者开发起来更加舒适。wsp28资讯网——每日最新资讯28at.com

Pinia 也官方支持了持久化缓存的措施,非常方便,拓展性也更强。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

Http 请求库

Axios 无疑是当今 Http 请求库的王者,无论是 Node 还是浏览器端,它都能很好地支持,且配置起来比较灵活,拓展性非常强,难怪下载量一直居高不下。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

UI 库

1.ElementUI & Antdv

其实 ElementUI 和 Antdv 这两个组件库都能满足大部分的 PC 端的网页开发,至于选择哪个就看个人审美了,这两个依旧占据着 Vue PC 端 UI 库的前二。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

2.Vuetify

Vuetify 中的每个组件都是在 Google Material Design 规范下制开发出来的,并附带数百个适合任何风格或设计的自定义选项;wsp28资讯网——每日最新资讯28at.com

Vuetify 支持多平台适配。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

3.Vant

Vant 是 Vue 移动端开发选择最多的 UI 库,且非常轻量~wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

表格组件

表格组件其实很多 UI 组件库都具备,但是毕竟他们精力有限,所以很多表格组件的质量都比较一般。wsp28资讯网——每日最新资讯28at.com

1.Vxe-table

老牌表格组件库了,功能超级多,没有做不到的,只有你想不到的wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

2.vTable

字节开源的表格组件库,底层用 Canvas 实现的,天然支持虚拟滚动,性能不错。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

3.Surely Vue

Antdv 自己研发的一款表格组件库,但是不开源需要收费,它的虚拟滚动做的很不错,跟其他表格都不一样wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

Hooks 库

首选 Vueuse ,由 Vue 团队核心成员 Anthony Fu 开发,功能超级多,基本能满足你的开发需求。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

拖拽库

其实 vue 的拖拽库已经断代很久了,上一个很火的是 vue-draggable,但是这个库很久没更新了,且只对 Vue2 支持的比较好。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

所以现在推荐 vue3-dnd 这个库,对 Vue3 支持比较好,且具备基本的拖拉拽功能。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

I18N

在做国际化 I18N 的时候可以借助 vue-i18n 这个包来完成,使用起来很方便wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

站点生成器

Vitepress 借助 Vue3 和 Vite,能提供更好的开发体验和生产性能,以及更精美的默认主题。wsp28资讯网——每日最新资讯28at.com

wsp28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-96426-0.html2024 Vue 最全的生态工具组合推荐指南

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 五分钟了解 LangChain 的路由链

下一篇: 新来的腾讯后端,直接定义代码测试新姿势!

标签:
  • 热门焦点
  • 官方承诺:K60至尊版将会首批升级MIUI 15

    全新的MIUI 15今天也有了消息,在官宣了K60至尊版将会搭载天玑9200+处理器和独显芯片X7的同时,Redmi给出了官方承诺,K60至尊重大更新首批升级,会首批推送MIUI 15。也就是说虽然
  • 石头智能洗地机A10 Plus体验:双向自清洁治好了我的懒癌

    一、前言和介绍专为家庭请假懒人而生的石头科技在近日又带来了自己的全新旗舰新品,石头智能洗地机A10 Plus。从这个产品名上就不难看出,这次石头推出的并不是常见的扫地机器
  • 轿车从天而降电动车主被撞身亡 超速抢道所致:现场视频让网友吵翻

    近日,上海青浦区法院判决轿车从天而降电动车主被撞身亡案,轿车车主被判有期徒刑一年。案件显示当时男子驾驶轿车在上海某路段行驶,前车忽然转弯提速超车,
  • 一文看懂为苹果Vision Pro开发应用程序

    译者 | 布加迪审校 | 重楼苹果的Vision Pro是一款混合现实(MR)头戴设备。Vision Pro结合了虚拟现实(VR)和增强现实(AR)的沉浸感。其高分辨率显示屏、先进的传感器和强大的处理能力
  • K8S | Service服务发现

    一、背景在微服务架构中,这里以开发环境「Dev」为基础来描述,在K8S集群中通常会开放:路由网关、注册中心、配置中心等相关服务,可以被集群外部访问;图片对于测试「Tes」环境或者
  • 腾讯盖楼,字节拆墙

    来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之“想重温暴刷深渊、30+技能搭配暴搓到爽的游戏体验吗?一起上晶核,即刻暴打!”曾凭借直播腾讯旗下代理格斗游戏《DNF》一
  • 腾讯VS网易,最卷游戏暑期档,谁能笑到最后?

    作者:无锈钵来源:财经无忌7月16日晚,上海1862时尚艺术中心。伴随着幻象的精准命中,硕大的荧幕之上,比分被定格在了14:12,被寄予厚望的EDG战队以绝对的优势战胜了BLG战队,拿下了总决
  • 微博大门常打开,迎接海外画师漂洋东渡

    作者:互联网那些事“起猛了,我能看得懂日语了”。“为什么日本人说话我能听懂?”“中文不像中文,日语不像日语,但是我竟然看懂了”…&hell
  • 华为HarmonyOS 4.0将于8月4日发布 或搭载AI大模型技术

    华为宣布HarmonyOS4.0将于8月4日正式发布。此前,华为已经针对开发者公布了HarmonyOS4.0,以便于开发者提前进行适配,也因此被曝光出了一些新系统的特性
Top