关于Vue3.0的新特性，你知道多少？

Vue 3.0正式版发布提前了！！！预计8月份！还不赶紧学习一下？

近几年，前端发生了翻天覆地的变化，三大框架的出现掀起了一场“腥风血雨”，到目前也算尘埃落定了。

Vue像一匹黑马，短短几年的时间，力压群雄，成了众多公司和 程序员 的“新宠”，Github Star 排名荣登第一。

4月21日，尤大大在B站直播分享了Vue 3.0 的最新进展，当时预计是年终或明年年初发布正式版本。然而，最近尤大在 Github 上“放出狠话”： 目标是7月中旬发布RC版本，8月份发布正式版。

也就是说，已经火烧眉毛了！！！重要性不必说了，Vue目前市场占有率是非常高的，那咋办？加油学呗。

“Vue3.0一来是不是意味着要重学了？”

相信这是很多小伙伴的心声，别更了，我学不动了。但是有些小伙伴始终很从容，你更新就更新呗，问题不大，那是因为他们掌握了Vue的正确学习方式。

首先，我们需要明白的是Vue的发展方向，不知道大家有没有想过：Vue为什么要做这一系列更新？为了解决或是优化哪些问题？

很多同学都是浮于应用层，当然会觉得学起来吃力，只能跟着跑。 懂原理，知底层，任你怎么变化都不怕 。

我们简单来做一个分析， 看看 Vue 1.x 到3.0都做了些什么。

早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际 DOM 元素的引用，当有数据变化时进行对应的操作。好处是少量数据更新对比 Virtual DOM 性能更好，坏处是大量数据更新、初始渲染性能、对比 Virtual DOM 性能更差。

传统的 vdom 的性能和模板大小正相关，跟动态节点的数量无关。在一些组件只有少量的动态节点的情况下，这些遍历产生了性能浪费。根本原因是 JSX 和手写的 render function  是完全动态的。过度的灵活性导致运行时可以用于优化的信息不足。

所以2.x的优化是，推出了一个区块树 （Block tree） ，如图：

• 将模块基于动态节点指令切割为嵌套的区块

• 每个区块内部的节点结构是固定的

• 每个区块只需要一个Array追踪自身所包含的动态节点

新策略是将vdom更新性能从与整体模块大小相关提升为与动态内容的数量相关。那我们再回过头来看一下， Vue 3.0 的设计目标：

那么，如何做到更快、更小？如何实现上述这些功能？是不是还得从底层入手、看看源码存在的问题？相信大家已经心里已经有个大致的方向了。

技术都有发展变化的规律，我们要做的就是掌握规律，才能占据主动权，不会被牵着鼻子走。 离Vue3.0的发布只剩短短的一个月，我们得努把力了，再不抓紧学就落后了。

我这边给大家整理了一份 前端学习思维导图， 希望可以对你有帮助！

 扫码领取  

 前端工程师思维导图  

遇到扫码频繁，请再次识别哦

（别让您的犹豫阻碍您的进步）

当然，有这些还不够，给大家推荐一个学习平台 —— 网易云课堂 ， 这里有资深前端技术专家的 限时免费直播课 ， 还有免费的干货资料可以领取。网易前端专家带着大家一起来看Vue源码、分析Vue的底层设计、以及Vue 3.0 新特性的深度解读。

7.13-7.15前端免费课程  

一、架构： 《 从缓存的角度，来谈谈优化项目性能》

1、前端通常有哪些优化方式

2、缓存方式有哪些

3、做一个缓存架构

二、实战： 《Vue3.0新探索，使用Vue3.0构建项目实战》

1、搭建Vue3.0的开发环境

2、Vue2.x与Vue3.0的区别

3、Vue3.0项目实战

三、技巧： 《从api层入手,加速你得项目开发 》

1、如何管理自己的项目api层 

2、axios拦截思路

3、如何二次封装请求库

请持续关注，每周都有新内容！

深入浅出的干货课程，没有套路，扫码添加网易云课堂的前端助教，就可以0元获得！

  扫码领取  

 （限前99名）  

遇到扫码频繁，请再次识别哦

（别让您的犹豫阻碍您的进步）

还有网易前端进阶资料包免费赠送哦！