Vue 3中那些激动人心的新功能

2019 年 10 月 30 日

Vue 3中那些激动人心的新功能

在近期我们发布的 《Vue 3 最值得期待的五项重大更新》 中,我们了解了 Vue 3 将带来的性能提升,知道了使用新版 Vue 编写的应用程序在性能表现上会很出色。但性能并不是最重要的部分,对于开发人员而言,最重要的是新版本将如何影响我们编写代码的方式。如你所料,Vue 3 带来了许多激动人心的新功能。值得庆幸的是,Vue 团队主要针对当前 API 做了添加和改进,没有引入多少重大更改。因此,熟悉 Vue 2 的开发人员应该可以很快习惯新语法。

让我们先从大多数人可能都听说过的 API 开始……

合成 API

合成(Composition)API 是 Vue 的新大版本中讨论最多的特色语法。这是一种全新的逻辑复用和代码组织方法。

目前,我们使用所谓 Options API 构建组件。要将逻辑添加到 Vue 组件中,我们要填充(option)诸如 data、methods、computed 之类的属性。这种方法的最大缺点是它本身并非有效的 JavaScript 代码。你需要准确了解模板中可以访问哪些属性,以及 this 关键字的行为。在后台,Vue 编译器需要将属性转换为可用的代码。因此我们无法享受自动提示或类型检查功能的帮助。

合成 API 会将组件属性中当前可用的机制暴露为 JavaScript 函数,从而解决这个问题。Vue 核心团队将合成 API 定义为“一组基于函数的附加 API,可以灵活地组合组件逻辑”。用合成 API 编写的代码更具可读性,也没有在幕后隐藏什么魔法,这使它更易于阅读和学习。

原文链接:【 https://www.infoq.cn/article/VzxPwxX2GpERAJymrN3U 】。未经作者许可,禁止转载。

登录后可解锁全站优质内容

免费畅享技术公开课、顶尖技术团队访谈、一线互联网大厂技术实践

文章
视频
电子书
研究报告
立即登录
2019 年 10 月 30 日 20:08 4276
用户头像
王文婧 InfoQ编辑

发布了 46 篇内容,共 5 次阅读,收获喜欢 0 次。

关注

评论

发布
暂无评论
发现更多内容

你还在为 TCP 重传、滑动窗口、流量控制、拥塞控制发愁吗?看完图解就不愁了

小林coding

TCP 计算机网络 网络协议

架构师训练营第01周——总结

李伟

极客大学架构师训练营

作业1

annie

极客大学架构师训练营

【架构师训练营】第1周-作业-食堂就餐卡系统

芥末

极客大学架构师训练营

架构师培训-01食堂就餐卡系统设计文档

刘敏

食堂就餐卡系统设计(作业版)

Jerry Tse

极客大学架构师训练营 作业

01-kubernetes安装部署(手动)

绿星雪碧

Kubernetes etcd flannel

免费P7架构师直播课!技术人员如何提升职场技能?

奈学教育

架构师

第一周命题作业

AspYc

食堂就餐卡系统架构设计文档

小叶

架构设计

第一周作业

东哥

极客大学架构师训练营

架构师训练营第一周命题作业

whiter

极客大学架构师训练营

食堂就餐卡系统设计

魔曦

极客大学架构师训练营

架构师训练营第一周学习总结

whiter

极客大学架构师训练营

UML 体验(就餐卡系统设计)

陈皮

第一周学习总结

小海豚

学习总结

架构师训练营-作业-1】食堂就餐卡系统设计

superman

极客大学架构师训练营 UML学习

食堂就餐卡系统设计

Jeff先生

架构师训练营-第一课作业-20200610-食堂就餐卡系统

👑👑merlan

架构 作业

While语句

拾贝

食堂就餐卡系统设计

小海豚

食堂就餐卡系统设计 UML学习

写作的几点建议:面对卡文,写别人的题目,栩栩如生的写作

七镜花园-董一凡

写作

【总结】第一周架构师如何做架构

chengjing

免费P7架构师直播课!技术人员如何提升职场技能?

古月木易

架构师

4天如何完爆Kafka源码核心流程!

奈学教育

kafka

架构师是什么?

芥末

极客大学架构师训练营

如何成为一个架构师?

逍遥乐天

极客大学架构师训练营

4天如何完爆Kafka源码核心流程!

古月木易

kafka

第一周学习总结

AspYc

被迫重构代码,这次我干掉了 if-else

程序员内点事

一味的坚持,或许只是徒劳

这小胖猫

逻辑思维 职业成长 工作体会

跨越计算鸿沟:如何靠软硬件协同突破算力瓶颈?

跨越计算鸿沟:如何靠软硬件协同突破算力瓶颈?

Vue 3中那些激动人心的新功能-InfoQ