作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.< / div >< / div >
Luka在学术界和全栈软件开发方面拥有丰富的经验. He 是一个 cotutelle Ph.D. 数学和计算机科学候选人.
< / div >< / div >< / div >15
< / div >< / div >< / div >< / div >< / div >< / div >< / div >< / div >< / div >我们看到了Vue 3的解耦反应系统如何不仅支持更简洁的代码,还支持基于Vue新的反应机制的更复杂的反应系统. 自Vue推出以来,大约已经过去了7年, 表达能力的提高显然不受追捧.
的 spreadsheet example 直接演示了Vue现在的功能,您还可以查看 现场演示.
但作为一个现实世界的例子,它有点小众. 在什么样的情况下,新系统可能派上用场? 按需响应性最明显的用例可能是复杂应用程序的性能提升.
在处理大量数据的前端应用中, 使用未经深思熟虑的响应性的开销可能会对性能产生负面影响. 假设我们有一个业务指示板应用程序,它生成公司业务活动的交互式报告. 用户可以选择时间段,增加或删除报表中的性能指标. 某些指标可能显示依赖于其他指标的值.
实现报表生成的一种方法是通过整体结构. 当用户更改界面中的输入参数时,单个计算属性e.g., report_data
, gets updated. 这个计算属性的计算是根据一个硬编码的计划进行的:首先, 计算所有独立的性能指标, 然后是那些只依赖于这些独立指标的等.
更好的实现将分离报告的各个部分并独立计算它们. 这样做有一些好处:
如果在加载Vue组件之前,所有可能成为最终报告一部分的性能指标都是已知的, 我们甚至可以在Vue 2中实现所建议的解耦. 否则, 如果后端是事实的单一来源(数据驱动的应用程序通常是这种情况), 或者如果有外部数据提供程序, 我们可以为报告的每个部分生成按需计算的属性.
多亏了Vue 3,现在这不仅是可能的,而且很容易做到.
< / div >< / div >< / div >< / div >代号为“海贼王”的Vue 3是最新版本.
< / div >< / div >Vue 3 is officially stable. 然而, 在编写本文中提供的代码示例时, 我遇到并报告了一些小问题.
< / div >< / div >是的,因为它不需要对代码进行实质性的更改. 然而,许多应用程序将需要一些小的改变.
< / div >< / div >Vue于2014年2月首次上市. Vue 1.0于2015年10月发布,最新版本(Vue 3.0)于2020年9月上映.
< / div >< / div >< / div >< / div >位于 Zagreb, Croatia
Member since September 3, 2020
< / div >< / div >Luka在学术界和全栈软件开发方面拥有丰富的经验. He 是一个 cotutelle Ph.D. 数学和计算机科学候选人.
< / div >< / div >< / div >