Vue 3.0正式发布!

作者 : IT 大叔 本文共2331个字,预计阅读时间需要6分钟 发布时间: 2020-09-19

嘿大家!自从我发布博客帖子以来,这确实是一个惊喜,但是经过数月的激情项目开发,界面设计和学习,我又回来了!

Buuuttt,过去两天的新闻是...我参加了VUE.JS全球在线会议!!!的Wooo去#vuejsglobal!我已经进入Vue.js几个月了(部分原因是MIA,对不起!),我真的很喜欢它。如果还没有人知道,那么Vue.js是到目前为止,我最喜欢的Web框架,与Nuxt.js一起(我打算学习React.js,但这是另一篇博客文章;))这也是...即将推出NUXT 3即将发布!除了最新的更新之外,我对Nuxt.js感到很兴奋,因为它内置了SEO和预渲染功能。这是一个功能强大且全面的漂亮框架。

无论哪种方式,会议都是与会议的主持人和开发人员以及Vue生态系统,友好而令人难以置信的Vue社区,Vue.js和Nuxt.js的创建者以及Pink DJ Penguin见面的爆炸(不要问: D)。总的来说,这是一次很棒的体验,可以逐个屏幕了解并期待VueConf Toronto


观看埃文·尤(Evan You)直播的Vue 3.0公告和智慧块(Youtube源,需翻墙)


今天,Vue.js 3.0.0(代号为“ One Piece”)正式发布! 现在,我很兴奋能够对Vue Mastery进行学习,包括Composition API 等新功能以及所有其他新功能,我想写一篇关于Vue.js如何发布其更改以及更改的方式的感觉,将其与其他框架区分开来并发布更改。您说:“我知道,这只是另一个文档更新和新的学习变化”,但是我认为我们可以从中学习到一些更深刻的经验,以了解他们是如何做到的。

Vue 3.0正式发布!插图


Vue.js 3.0.0现在带有一些弃用和重大更改。但是不用担心,Vue核心团队和Evan You明确表示,只有一些重大更改才能使Vue 3.0.0的初学者更容易学习语法。爱Vue.js的另一个原因!

Vue核心团队在v3.0.0中引用了一篇文章“ 2年的开发工作,包含30多个RFC,2,600多个提交,来自99个贡献者的628个拉取请求[...]”

1.直觉的变化

总体基础布局的最大变化是对全局根元素的弃用!最后,我们不需要根<div>元素!

另一个重大变化是创建了新的Global API createApp。现在,不再可能潜在地“污染”测试用例(开发人员将需要恢复原始的全局配置。请参见此处)。同样,不必担心仅具有可能具有不同配置的多个应用程序实例。

Vue 3.0正式发布!插图(2)

同时,插槽也发生了一些在Vue公司3.0.0变化(他们最初保持slotslot-scope属性2.X减少打破语法新学员的问题)和将要使用的一个v-slot指令,凝聚的功能slotslot-scope属性。

这是Vue在新文档中列出的更改的概述:

Vue 3.0正式发布!插图(4)

这显示了核心团队为使这些更改已知并易于理解和采用而付出的努力和努力。没有BS,没有绒毛!这些决定与制作-开发者用户 -记。我知道这似乎只是文档,但是当我们在工作生活以及与他人的交流中考虑这种交流方式时,绝对值得一提的是,框架如何在社区中兴起,并从谦卑开始首先,这是一个关键示例,说明如何推动(是的,是双关语!)更改并收集社区的共同协议(Evan,您解释了为什么/为Vue使用RFC,11:54 timestamp)。

此外,其他更改还包括弃用filters(原因,因为函数无论如何都与方法非常相似),EventBus(特别是Vue删除了$ on,$ once和$ off实例方法,因为它促进了更直接的数据传输-使用“ props下降,事件上升”)。

需要注意的另一个直观更改是重命名了两个生命周期挂钩:destroyedbeforeDestroyeddestroyed现在被命名unmounted,并且beforeDestroyed现在beforeUnmount。这澄清了术语上的任何混淆,并且更加简单。

现在,这并不是所有更改,但是这些是Vue的主要组成部分,已经更改,可以从Vue 2更好地继承下来。有模板指令更改(再次,非常直观……我过度使用了aren一词。不是吗?:D),组件规格渲染功能API的更改和自定义元素。一些较小的更改包括生命周期挂钩重命名,以及与道具,data选项,watcher回调触发等有关的其他规范。至于迁移目的,Evan You当前建议您要这样做,除非他们的迁移版本的松散结扎在一起。

2.变化及其原因

关于Vue 3的文档,令我震惊的主要是他们提出和解释新变更的清晰性。请参见以下图片:

Vue 3.0正式发布!插图(6)

看到他们如何给出概述了吗?一切都井然有序吗?它可以精确引导通过他们可能有什么问题和开发商的原因为何,不只是它的改变,从而接受它。这次交流被很好地执行了。

Vue 3.0正式发布!插图(8)

上面的示例列出了我们需要知道的所有重大更改!这是一流的文档,显示了核心团队的细致性。我想不出一个人,即使他们不是开发人员,也不想读这本书:D。因此,正如我们传达自己的想法和建议一样,我们应努力保持清晰有序。在今天由Frontend Love主持的Vue.js全球在线会议上简要浏览了Vue的文档之后,(我肯定会在我完成任务后阅读重大变更以准备迁移!)

感谢您的阅读!与往常一样,这里有一些阅读链接(享用咖啡或茶):

免责声明:
1. 本站资源转自互联网,源码资源分享仅供交流学习,下载后切勿用于商业用途,否则开发者追究责任与本站无关!
2. 本站使用「署名 4.0 国际」创作协议,可自由转载、引用,但需署名原版权作者且注明文章出处
3. 未登录无法下载,登录使用金币下载所有资源。
IT小站 » Vue 3.0正式发布!

常见问题FAQ

没有金币/金币不足 怎么办?
本站已开通每日签到送金币,每日签到赠送五枚金币,金币可累积。
所有资源普通会员都能下载吗?
本站所有资源普通会员都可以下载,需要消耗金币下载的白金会员资源,通过每日签到,即可获取免费金币,金币可累积使用。

发表评论