美文网首页
【前端】Vue3.0 新特性

【前端】Vue3.0 新特性

作者: irenb | 来源:发表于2020-07-12 21:54 被阅读0次

速度方面:

通过更新 runtime-core 与 runtime-dom ,支持了包括 Fragments、Portals与Suspense w/ async setup() 等(似乎有点越来越像 react),支持 Composition API 、Options API 和 typings,配合 Proxy 的引入,极大程度上提高了响应式的能力。

Composition API 与 Proxy 的运用使得组件化更加灵活,逻辑业务组件的编写与UI组件的多样化能够更好的实现。

体积方面:

runtime-core 体积压缩成了 约10kb

维护性:

代码迁移成 TypeScript (还没学的抓紧啦)
编译器(Compiler)优化,以下借用尤大大的特性更新图翻译一下:
使用模块化架构
优化 "Block tree"
更激进的 static tree hoisting 功能
支持 Source map
内置标识符前缀(又名 "stripWith")
内置整齐打印功能

移除 source map 和标识符前缀功能后,使用 Brotli 压缩的浏览器版本精简了大约 10KB
可见,编译器更多从数据结构入手,优化架构层级,降低使用成本。

更接近原生开发

让你更轻松开发

其次是 GitHub 上的源码目录:

reactivity 目录:数据响应式系统,主要使用 Proxy。

runtime-core 目录:支持 v-dom 与 Vue 原生的各种 API 在浏览器上的调用,调用 Vue 特性的相关代码。

runtime-dom 目录: 调用各类浏览器原生 DOM 事件的相关代码。

runtime-test 目录: 测试用的runtime的相关代码。

server-renderer 目录: SSR 相关代码。

compiler-core 目录: 支持 Vue 原生编写的 编译器特性,以及开发者编写的编译器特性的相关代码。

compiler-dom 目录: 调用浏览器的编译器的相关代码。

shared 目录: 无内置API。

vue 目录: 实现 vue 构建与编译的相关代码。

相关文章

  • 【前端】Vue3.0 新特性

    速度方面: 通过更新 runtime-core 与 runtime-dom ,支持了包括 Fragments、Po...

  • 2021前端面试必备题+答案

    2021前端面试必备题+答案 vue视频教程系列: Vue3.0新特性教程 视频教程:点击观看[https://w...

  • Vue3.0 新特性

    Vue3.0 在去年9月正式发布了,也有许多小伙伴都热情的拥抱Vue3.0,这篇文章就是在使用后的一个总结, 包含...

  • vue3.0 新特性

    1.需要使用什么属性就在script标签内引入 2.全局引入 通过globalProperties将参数挂载在全局...

  • vue3新特特性

    Vue3.0新特性 性能双向响应原理由Object.defineProperty改为基于ES6的Proxy,使其颗...

  • 杂记

    解决浮点数: Vue3.0新特性 https://www.jianshu.com/p/2c20ea71fd40ht...

  • 2022秋招vue面试题+答案

    2021秋招vue面试题+答案 vue视频教程系列: Vue3.0新特性教程 视频课程:点击观看[https://...

  • Vue3.0 新特性探索

    Vue3官网文档[https://vue3js.cn/docs/zh/guide/introduction.htm...

  • vue3.0新特性teleport

    比如自己写个modal组件时,挂载到body上最好的选择,可以通过z-idnex来控制层级。但是又想在引用moda...

  • 2020-11-02vue新特性(一)

    第三章 初识 Vue3.0: 新特性详解 Vue3 的文档地址: https://v3.vuejs.org/[ht...

网友评论

      本文标题:【前端】Vue3.0 新特性

      本文链接:https://www.haomeiwen.com/subject/olgncktx.html