Vue3.0时代，你不了解还敢说会前端？

vue3.0发布有一段时间了，对于我们前端vue的爱好者来说，我们该如何利用它呢？今天就带着大家了解下 vue3.0，它到底进化了什么，对于我们的开发又有什么影响？

自身性能的变动

一、更快

带来更快的改动主要有两方面

1、vue3重新审视了 vdom，更改了自身对于 vdom的对比算法。vdom从之前的每次更新，都进行一次完整遍历对比，改为了切分区块树，来进行动态内容更新。也就是只更新 vdom的绑定了动态数据的部分，把速度提高了6倍；

2、 把 definePerproty改为了 proxy，对于 JavaScript引擎更加友好，响应更加高效。

二、更小

之前 vue的代码，只有一个 vue对象进来，所有的东西都在 vue上，这样的话其实所有你没用到的东西也没有办法扔掉，因为它们全都已经被添加到 vue这个全局对象上了。

vue3的话，一些不是每个应用都需要的功能，我们就做成了按需引入。用 ES module imports按需引入，举例来说，内置组件像 keep-alive、transition，指令的配合的运行时比如 v-model、v-for、帮助函数，各种工具函数。比如 async component、使用 mixins、或者是 memoize都可以做成按需引入。

写法上将发生的变动

一、加强了 typescript的支持，虽然我们在 vue2已经可以使用 typescript了，但是在 vue3中，进一步加强了对 typescript的支持，很可能以后你就需要用 typescript来写 vue了；

二、改为使用函数式写法，如果你使用 Function-based API，那如下图所示：

我们可以看到，这里面的变化在于 watch、mounted等等生命周期，从属性变成了方法。除此之外我们可以直接把 watch、onMounted等作为了一个方法从 vue中拿出，如下面代码：

开发这样的做法好处之一，就是让我们可以更好地进行 tree-shaking，从侧面上帮助了我们更小的目标。

那么如果你的技术栈是 vue，我们应该怎么去补全，怎么去应对呢？

最好的学习方式，就是跟着按照思维导图系统化的进行实战训练。

 

扫描以下二维码，添加好友，领取完整前端高级学习体系思维导图

备注“前端”，更快通过哦！ 

当然！仅仅有思维导图还不够，这里还准备了免费的前端实战视频教程及资料包！每周还有前端大佬的免费直播课，可以在线提问哦！

No.1

前端技能4天提升营

网易独家面试集训

11月2日—11月5日 ，每晚8点

一、方法：《面试加分技术点-ssr怎么做》

1、ssr是什么？

2、ssr的如何做

3、改造你vue项目进行ssr

二、技巧：《给你的项目加加速-网易vue项目api层架构实例》

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

2、axios拦截思路

3、如何二次封装请求库

三、实战：《vue高级实战技巧-骚操作和最佳实践》

1、缓存架构

2、vue一些底层api的运用

3、vue插件的开发

四、揭秘：《网易严选架构探析，如何打造中间层》

1、什么是中间层

2、中间层架构探析

3、基于Nodejs实现中间层架构

……

请持续关注，还有网易老师亲自简历指导，就业咨询哦！

No.2

前端进阶资料

篇幅有限，扫码获取更多资料

免费直播资料，先到先得

网易独家放送：