最全的Vue3.0新特性预览（翻译）

前言

Evan You（尤雨溪）在2018年11月16日早上在 Vue Toronto 的主题演讲中预演了 Vue 3.0的新特性。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。

大概可以分为：

更快
更小
更易于维护
更多的原生支持
更易于开发使用

完整的PPT请点击：跳转

翻译

更快

1、虚拟 DOM 重写，mounting和patching的速度提高100％

2、更多的编译时的提示来减少运行时的开销

3、组件快速路径+单个调用+子类型检测

跳过不必要的条件分支
JS引擎更容易优化

4、优化插槽的生成

确保实例正确的跟踪依赖关系
避免不必要的父子组件重新渲染

5、静态树提升

跳过修补整棵树，从而降低渲染成本
即使多次出现也能正常工作

6、静态属性提升

跳过不会改变节点的修补过程，但是它的子组件会保持修补过程

7、内联的事件提升

避免因为不同的内联函数标识而导致的不必要的重新渲染

8、基于Proxy的观察者机制，全语言覆盖+更好的性能

目前vue使用的是Object.defineProperty 的 getter 和 setter
组件实例初始化的速度提高100％
使用Proxy节省以前一半的内存开销，加快速度，但是存在低浏览器版本的不兼容
为了继续支持 IE11，Vue 3 将发布一个支持旧观察者机制和新 Proxy 版本的构建

更小

更友好的tree-shaking
新的core runtime 压缩后大概 10kb

更加可维护

Flow -> TypeScript
包的解耦
编译器重写
- 可插拔的架构
- 提供更强大的IDE支持来作为基础设施

提供更方便的原生支持

运行时内核也将与平台无关，使得 Vue 可以更容易地与任何平台（例如Web，iOS或Android）一起使用

更方便的开发

暴露响应式的api

轻松识别组件重新渲染的原因
提供对TypeScript的支持（TSX）
更友好的warning traces
- 现在包括功能组件
- 可检查的props
- 在更多的警告中提供可用的traces

实验性的 Hooks API

类似react hook的API，详情可以见

实验性的 Time Slicing 支持

当许多组件同时尝试重新渲染时,浏览器都会变得很慢，利用Time Slicing将JS执行分为几部分,此时，用户的交互不会被阻塞

参考

www.css88.com/archives/10…

最后

推荐一下自己的个人公众号：前端精读（每日定时推送一篇前端好文）

最全的Vue3.0新特性预览（翻译）相关推荐

老子学不动系列：Vue 3.0 新特性预览
尤大昨天在 Vue Toronto 的主题演讲中预览了 Vue 3 .通过利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的Vue.js 的改进版本. 我们期待的 Vue 3 将会是: ...
Flink 1.14 新特性预览
简介: 一文了解 Flink 1.14 版本新特性及最新进展本文由社区志愿者陈政羽整理,内容源自阿里巴巴技术专家宋辛童 (五藏) 在 8 月 7 日线上 Flink Meetup 分享的<Fl ...
【Flink】Flink Flink 1.14 新特性预览
1.概述转载:Flink 1.14 新特性预览简介: 一文了解 Flink 1.14 版本新特性及最新进展本文由社区志愿者陈政羽整理,内容源自阿里巴巴技术专家宋辛童 (五藏) 在 8 月 7 日 ...
Apache Flink Meetup 8.7 深圳站，企业实践 + 1.14 新特性预览
时隔 10 个月,Apache Flink Meetup 又来到了深圳这个与 Flink 契合度很高的城市.正如改革和创新是深圳的标签,Apache Flink 给技术开发者们带来的,也是摒弃旧的 & ...
Vue3.0新特性及使用方法
1.1创建Vue3.0项目通过脚手架 vite 安装: npm init vite-app hello-vue3 # OR yarn create vite-app hello-vue3 Vite目 ...
vue3.0新特性及用法
1.性能上提升1.3-2倍 2.按需加载和 compsition api(组合api) createApp 在 Vue 3 中,改变全局 Vue 行为的 API 现在被移动到了由新的 createA ...
Silverlight 5 Beta 新特性预览
MIX11大会昨天刚刚结束.第二天核心Session包含三个部分:Windows phone 7/Silverlight 5 Beta/Kinect for Windows SDK.在整个全程直播中. ...
php7 str split,PHP7.4新特性预览
虽然PHP 7.4还未发布,但是RFC已经确定了该版本的一些新性.这个版本的改动有点多,有很多实用性功能.发布日期可能在2019年12月左右,但尚待确认.让我们看看有那些地方的改动. 短闭包 RFC ...
python新特性_Python3.6正式版新特性预览
按照Python官网上的计划,Python3.6正式版期望在2016-12-16号发布,也就是这周五.从去年的5月份开始,Python3.6版本就已经动手开发了,期间也断断续续的发布了4个Alpha版 ...
input change获取改变之前的值和改变之后的值_使用Vue3.0新特性造轮子 WidgetUI3.0 （Input输入框组件）
我们先看看组件效果图: 基本用法 type属性(type="password") 占位符(placeholder="请输入") 带清除按钮(clear) 输入限 ...