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

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

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

Vue3

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

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

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

Nuxt

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

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

Vite

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

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

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

PNPM

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

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

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

Pinia

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

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

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

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

Http 请求库

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

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

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

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

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

UI 库

1.ElementUI & Antdv

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

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

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

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

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

2.Vuetify

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

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

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

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

3.Vant

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

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

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

表格组件

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

1.Vxe-table

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

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

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

2.vTable

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

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

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

3.Surely Vue

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

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

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

Hooks 库

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

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

拖拽库

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

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

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

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

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

I18N

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

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

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

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

站点生成器

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

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

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

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

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

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

标签:
  • 热门焦点
  • Redmi Buds 4开箱简评:才199还有降噪 可以无脑入

    在上个月举办的Redmi Note11T Pro系列新机发布会上,除了两款手机新品之外,Redmi还带来了两款TWS真无线蓝牙耳机产品,Redmi Buds 4和Redmi Buds 4 Pro,此前我们在Redmi Note11T
  • 消息称迪士尼要拍真人版《魔发奇缘》:女主可能也找黑人演员

    8月5日消息,迪士尼确实有点忙,忙着将不少动画改成真人版,继《美人鱼》后,真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称,迪士尼将打造真人版
  • 企业采用CRM系统的11个好处

    客户关系管理(CRM)软件可以为企业提供很多的好处,从客户保留到提高生产力。  CRM软件用于企业收集客户互动,以改善客户体验和满意度。  CRM软件市场规模如今超过580
  • 学习JavaScript的10个理由...

    作者 | Simplilearn编译 | 王瑞平当你决心学习一门语言的时候,很难选择到底应该学习哪一门,常用的语言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
  • 如何使用JavaScript创建一只图像放大镜?

    译者 | 布加迪审校 | 重楼如果您曾经浏览过购物网站,可能遇到过图像放大功能。它可以让您放大图像的特定区域,以便浏览。结合这个小小的重要功能可以大大改善您网站的用户体验
  • 使用LLM插件从命令行访问Llama 2

    最近的一个大新闻是Meta AI推出了新的开源授权的大型语言模型Llama 2。这是一项非常重要的进展:Llama 2可免费用于研究和商业用途。(几小时前,swyy发现它已从LLaMA 2更名为Lla
  • 华为发布HarmonyOS 4:更好玩、更流畅、更安全

    在8月4日的华为开发者大会2023(HDC.Together)大会上,HarmonyOS 4正式发布。自2019年发布以来,HarmonyOS一直以用户为中心,经历四年多的发展HarmonyOS已
  • 回归OPPO两年,一加赢了销量,输了品牌

    成为OPPO旗下主打性能的先锋品牌后,一加屡创佳绩。今年618期间,一加手机全渠道销量同比增长362%,凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品,一加
  • 英特尔Xe HPG游戏显卡:拥有512EU,单风扇版本

    据10 月 30 日外媒 TheVerge 消息报道,英特尔 Xe HPG Arc Alchemist 的正面实被曝光,不仅拥有 512 EU 版显卡,还拥有 128EU 的单风扇版本。另外,这款显卡 PCB
Top