专栏首页前端迷Vue 3.0将正式发布,对我们有哪些改变?

Vue 3.0将正式发布,对我们有哪些改变?

众所周知,vue3.0在去年开放了源码,并且今年将发出真正的可用于开发的版本。

那么我们今天就带着大家了解下 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

前端直播安排

2月24日—3月1日,晚上8点

一. 源码

《vue全家桶源码探秘,vue-router源码分析》

  1. vue-router的原理
  2. vue-router源码解析
  3. 手写一个基础的vue-router

二. 架构

《组件开发新姿势,实战vue组件化开发》

  1. 深入剖析组件开发意义
  2. 组件开发环境搭建
  3. 实战组件开发

三. 框架:

《给你的面试加加分-ssr初探

  1. 什么是ssr
  2. 自己手动搭建一个ssr
  3. vue方便的ssr框架-nuxt

四. 架构

《vue可以这么玩,带你架构一个vue-cli》

  1. vue-cli的原理
  2. vue-cli2的架构初探
  3. 带你架构一个vue-cli

本文分享自微信公众号 - 前端迷(love_frontend)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-02-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue-cli 工程目录结构详介绍

    前端迷
  • 6 个接私活的网站

    上周我在 GitHubDaily 公众号上发布了一篇文章《分享靠写代码赚钱的一些门路》,里面分享了程序员赚取零花钱的一些套路,顺便给自己挖了几个坑,并保证后续给...

    前端迷
  • 一年前端的面试分享

    以上是五点非常致命的,毫不客气的说,我可能连简历都过不了HR初筛,当然也没有告诉家人自己的境况,不过竟然自己做出的决定,那么就不要懊恼自己的做法,一股脑准备复习...

    前端迷
  • 太原面经分享:如何在vue面试环节,展示你晋级阿里P6+的技术功底?

    一年一度紧张刺激的高考开始了,与此同时,我也没闲着,奔走在各大公司的前端面试环节,不断积累着经验,一路升级打怪。

    闰土大叔
  • 12 手写配置启动一个 vue2 项目

    2019年10月5日,vue 团队发布了 Vue3.0 预览版源码,预计到 2020 年第一季度将发布 3.0 正式版。3.0 包涵了许多激动人心的新特性。

    李艺

扫码关注云+社区

领取腾讯云代金券