Vue 3 源码开放了菜鸟知识_源码菜鸟攻略

在2018 年9月30日,Vue 作者尤雨溪在他个人博客上发布了 Vue 3.0 的开发路线。于2019年10月5日凌晨,尤雨溪在微博宣布 Vue 3.0 的源码开放了。微博截图如下:Vue 3源码:网页链接 。尤雨溪称,目前依然是 pre-alpha 状态,但主要的架构改进、优化和新功能都已经完成,剩下的主要是完成一些 Vue 2 现有功能的移植。已完成的

Vue 3 源码开放了菜鸟知识

在2018 年9月30日,Vue 作者尤雨溪在他个人博客上发布了 Vue 3.0 的开发路线。于2019年10月5日凌晨,尤雨溪在微博宣布 Vue 3.0 的源码开放了。微博截图如下:

Vue 3 源码开放了菜鸟知识_源码菜鸟攻略

Vue 3 源码开放了菜鸟知识_源码菜鸟攻略

Vue 3源码:网页链接 。

尤雨溪称,目前依然是 pre-alpha 状态,但主要的架构改进、优化和新功能都已经完成,剩下的主要是完成一些 Vue 2 现有功能的移植。

已完成的: 

Vue 3 源码开放了菜鸟知识_源码菜鸟攻略

编译器(Compiler)

  • 使用模块化架构
  • 优化 “Block tree”
  • 更激进的 static tree hoisting 功能
  • 支持 Source map
  • 内置标识符前缀(又名 “stripWith”)
  • 内置整齐打印(pretty-printing)功能
  • 移除 source map 和标识符前缀功能后,使用 Brotli 压缩的浏览器版本精简了大约 10KB

运行时(Runtime)

  • 速度显著提升
  • 同时支持 Composition API 和 Options API,以及 typings
  • 基于 Proxy 实现的数据变更检测
  • 支持 Fragments
  • 支持 Portals
  • 支持 Suspense w/ async setup()

目前部分网友表示:

 现在是阅读 Vue 3 源代码的好时机,目前代码结构清晰,且代码量相对较少(主体部分的代码量仅 1.1W 行)。Vue 3 代码主要使用 TypeScript 编写。

海计划公众号
(0)
上一篇 2020/03/23 18:38
下一篇 2020/03/23 18:38

您可能感兴趣的内容

  • NodeJs 实现简单WebSocket 即时通讯入门攻略_通讯小白攻略

    服务器的实现很简单,先装一个nodeJs的模块,叫nodejs-websocket , 直接在nodeJs命令行中敲入:npm install nodejs-websocket回车就可以安装好了,然后就可以开始建立服务器了,因为有了nodejs-websocket模块,所以很多工作都不用我们自己做,直接调用别人封装好的方法就行了: 服务端代码根据客户端传来

    2020/03/26
  • browserhacks小白知识_各种浏览器的Hack写法

    browserhacks小白知识 官方网址:http://browserhacks.com/ 简介描述:各种浏览器的Hack写法 browserhacks是什么? Browserh…

    2020/03/11
  • electron菜鸟知识pcMain模块、ipcRenderer模块_electron菜鸟指南

    ipcMain从 主进程 到 渲染进程 的异步通信。ipcMain模块是EventEmitter类的一个实例。 当在主进程中使用时,它处理从渲染器进程(网页)发送出来的异步和同步信息。 从渲染器进程发送的消息将被发送到该模块。举个例子// 在主进程中.
    const { ipcMain } = require(‘electron’)
    // 监听asynchro

    2020/03/29
  • 用 global This访问全局对象基础入门_对象教程视频

    JavaScript 语言越来越被广泛地用于各种环境中。除了 Web 浏览器(这是 JavaScript 的最常见的宿主环境类型)之外,你还可以在服务器,智能手机甚至机器人硬件中运行 JavaScript 程序。每个环境都有其自己的对象模型,并提供了不同的语法来访问全局对象。例如,在Web浏览器中,可以通过 window,self 或 frames 访问全局

    2020/03/23
  • 中年程序员对核心竞争力“不可替代”的重新认识使用教程_程序员入门基础

    职场新认识:观点一:过去成功的项目经验才是职场上真正不可代替的,你有成功的项目经验,能解决当前团队面临的最大问题,这个才是不可代替的;所以频繁跳槽的人通常要比在一个公司待长时间的人更有竞争力(从结果看,软件行业人才流动性高并不是中国人忠诚度不高)观点二:不可代替是暂时性的,问题解决,你的价值就已经开始下降和贬值,如果公司有新的业务要发展,而你如果没有相关经验

    2020/03/26
  • ES6的7个实用技巧小白教程_es6小白基础

    来源:7 Hacks for ES6 Developers1 交换元素利用数组解构来实现值的互换let a = ‘world’, b = ‘hello’
    [a, b] = [b, a]
    console.log(a) // -> hello
    console.log(b) // -> world2 调试我们经常使用console.log()来进行调试,试试con

    2020/04/05
  • jquery.barrager.js小白基础_专业的jquery网页弹幕插件

    jquery.barrager.js小白基础 GitHub:https://github.com/yaseng/jquery.barrager.js 简介描述:专业的jquery网…

    2020/03/11
  • Js中的闭包入门攻略_闭包菜鸟知识

    闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另一个函数。来看下面的示例:function createFn(name){return function(obj){return obj[name];}
    }var ageGetFn = createFn(‘bob’);
    var age = ageGetFn({bob:

    2020/03/30
  • ssh端口转发的三种方式菜鸟教程下载_ssh入门基础

    ssh是我使用最频繁的两个命令行工具之一(另一个则必须是vim)。有了ssh,我可以远程处理各种可能出现的问题而无需肉身到现场。这几天teamviewer被黑的事情影响挺大,于是由远程控制想到了内网穿透,自然而然的想到了ssh的端口转发也能实现内网穿透。再细想一下,发现 ssh隧道 、或者说 端口转发 ,竟然实现了正向代理 、 反向代理 和 内网穿透 三种常

    2020/03/24
  • 搜狐IT使用帮助聚合互联网、智能硬件、创业投资、通讯数码等科技资讯的媒体平台

    搜狐IT使用攻略 官方网址:http://it.sohu.com/ 简介描述:聚合互联网、智能硬件、创业投资、通讯数码等科技资讯的媒体平台 搜狐科技是聚合互联网、智能硬件、创业投资…

    2020/03/06
  • Meteor.js小白指南统一前后台开发的一站式框架

    Meteor.js基础入门 官方网址:https://www.meteor.com/ GitHub:https://github.com/meteor/meteor 简介描述:统一…

    2020/03/05
  • Flutter platform view 使用篇入门指南_native小白知识

    Flutter作为备受关注的跨平台的开发框架,长远来看,前景肯定是比较好的。在其基础组件还未完善与成熟之前,能够高效的复用现有的native组件,是比较合适的方案。官方提供了Plugin的方式,允许将一个成熟的native组件(比如mapview),封装成一个可用dart来操作的widget。本文以封装一个腾讯地图组件为例,介绍一下整个过程。具体也可以参照一

    2020/03/23
  • Vue组件库搭建实践与探索入门百科_组件指南攻略

    在以前传统的前端页面开发方式时,存在协同困难,可复用性差的问题,导致开发和维护都不是一件简单的事。而组件化思想的提出,以及Vue、React等MV*框架的快速流行,让我们开始尝试用组件化的思想去开发。由于笔者最近在研究组件库的搭建,故撰文记之。前言组件化思想让我们把页面划分为一个个组件,组件内部维护自己的UI展示、交互逻辑,这样将可以大大提高代码的复用性以及

    2020/03/23
  • 程序员书籍推荐:如何写好代码?使用帮助_书籍基础知识

    一个程序员具有一定编码基础之后,一定想要再进一步提升,从会写基础代码,到会写可读的优秀代码,重构现有代码以及设计模式等如果你已经有了一定的编程基础,想要进一步的提升自己,不妨从以下几本书开始: 1、《测试驱动开发》测试驱动开发,就是先写测试,再写程序,颠覆了先写程序再做测试的传统。书中大部分的示例都是采用Java代码,部分采用Python代码,但是即便你不具

    2020/03/29
  • WebPack中Plugins的使用和整理,以及常用的Plugins插件新手入门_webpack使用说明

    Plugins是webpack的基础,我们都知道webpage的plugin是基于事件机制工作的,这样最大的好处是易于扩展。内置插件通过在webpack配置中使用插件属性来将插件包含进你的项目中。 var webpack = require(“webpack”);
    module.exports = {plugins: [new webpack.Resolve

    2020/04/06
  • ICONSVG入门基础教程_在线自定义设计SVG图标工具

    ICONSVG入门基础教程 官方网址:https://iconsvg.xyz/ 简介描述:在线自定义设计SVG图标工具 ICONSVG是一个在线可自定义设计SVG图标素材的网站,帮…

    2020/03/06