type
status
date
slug
summary
tags
category
icon
password
本文为作者阅读Vue3源码的前言，主要粗略勾勒出Vue3大致的轮廓
📝 主旨内容
1.声明式框架
Vue3 是声明式的框架，用起来简单。
- 早在JQ的时代编写的代码都是命令式的，命令式框架重要特点就是关注过程
- 声明式框架更加关注结果。命令式的代码封装到了 Vuejs 中，过程靠 vuejs 来实现
声明式代码更加简单，不需要关注实现，按照要求填代码就可以（给上原材料就出结果）
2.采用虚拟DOM
传统更新页面,拼接一个完整的字符串innerHTML全部重新渲染，添加虚拟 DOM后，可以比较
新旧虚拟节点，找到变化在进行更新。虚拟 DOM 就是一个对象，用来描述真实DOM的，并且可以实现跨平台。在更新的过程中还涉及diff算法，用来对比虚拟DOM是否变化。
3.区分编译时和运行时
- 我们需要有一个虚拟 DOM，调用渲染方法将虚拟 DOM 渲染成真实 DOM（缺点就是虚拟 DOM 编写麻烦）
- 专门写个编译时可以将模板编译成虚拟 DOM（在构建的时候进行编译性能更高，不需要再运 行的时候进行编译，而且 vue3 在编译中做了很多优化）
编译时通过工程化，将模版编译js去运行，最终在运行时直接运行js。
4.Vue3 设计思想
- Vue3.0 注重模块上的拆分 Vue3 中的模块之间耦合度低，模块可以独立使用。拆分模块
- 通过构建工具 Tree-shaking 机制实现按需引入，减少用户打包后体积。组合式 API
- Vue3 允许自定义渲染器，扩展能力强。扩展更方便
- 使用 RFC 来确保改动和设计都是经过 Vuejs 核心团队探讨并得到确认的。也让用户可以了解每一个功能采用或废弃的前因后果。采用 RFC
有关Vue相关的问题，欢迎您在底部评论区留言，一起交流~
- 作者:木卷卷
- 链接:https://www.mushe.blog//article/12783a4c-fbad-80b5-b4ee-d6edab7f0c0a
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章