这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

响应式对使用过 Vue 或 RxJS 的小伙伴来说，应该都不会陌生。响应式也是 Vue 的核心功能特性之一，因此如果要想掌握 Vue，我们就必须深刻理解响应式。接下来阿宝哥将从观察者模式说起，然后结合 observer-util 这个库，带大家一起深入学习响应式的原理。 观察者…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

esbuild底层使用的golang进行编写的，在对比传统web构建工具的打包速度上，具有明显的优势。编译Typescript的速度远超官方的tsc 执行vite命令后直接安装npm包，无需重启服务。 vite在浏览器端使用 export import 的方式导入和导出模块，同…

Vue 3.0 的两个提案，最近吸引了许多开发者的注意跟讨论。一个是 script-setup 提案，一个是 ref-sugar 提案。 对于 script-setup 提案，大部分开发者持正面态度。 对于 ref-sugar 提案，却有相当数量的开发者表达否定态度。 在 Gi…

之前的一篇文章说了 Vite: 如何不使用 webpack 开发应用，按照约定，接下来要说一下热更新的问题，Vite自己通过WebSocket实现了浏览器与服务器之间的通信，从而达成热更新的目的。 执行 dev:reload 之后，会启动一个服务器然后在代码变更的时候会自动刷新…

首先需要知道是Object.defineProperty只能监听对象，并且这个对象不是指对象类型(数组也是对象类型)，而是Object构造器对象，也就是{}。 由于JavaScript的限制，Vue里的数据不能够动态添加根级响应式 property。也就是说必须在初始化实例前声…

自从React Hooks出现之后，批评的声音不断，很多人说它带来了心智负担，因为相比传统的Class写法，useState/useEffect的依赖于执行顺序的特点让人捉摸不透。与此相对的，在Vue3 Composition API RFC 中，我们看到Vue3官方描述Com…