Vue.js 3.0 (以下简称Vue3)，正式发布在 2020 年 09 月 18 日，Vue3 Beta版本更是早在今年四月份就发布。相信有些同学早已上手体验一番。或者早已看过官方文档，英文不好的同学阔以点击这里,这是个中文文档。😂😂😂😂😂😂 想来大家肯定会对 …

但是很快我们又蒙圈了，这个组件实例和我们以前熟悉的this不一样，直接访问this.foo还是找不到数据。 当然坑还是有的，你仔细观察这个ctx，发现它不是一个Proxy对象，也就是这位兄台只有值却没有响应性，所以如果要利用响应特性，还得用proxy这个属性返回上下文对象，如果…

上一篇 图解 Vue 响应式原理 中，我们通过 9 张流程图，理解了 Vue 的渲染流程，相信大家对整个 Vue 的渲染流程有了一定的了解，这一篇我们来重点关注一下 Vue 异步更新原理模块。 本文主要分析 Vue 从 Data 更新，到通知 Watcher 异步更新视图的流程…

呆呆最近挺感慨的，因为从四月中旬开始准备面试，到面各个中小公司，大厂，距离今天已经将近2个月了。期间经历过不少事情，也带来了些许的成长。 那么这篇文章主要是说明一下这段时间自己在面不同规模的公司时的一些感悟，以及这个期间的学习和复习方法。我也会站在一个第三者的角度，将自身的优势…

传入的事件会自动生成并缓存一个内联函数再cache里，变为一个静态节点。这样就算我们自己写内联函数，也不会导致多余的重复渲染 真是优秀啊

在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 1. 全新文档RFCs 所有的进度和文档都将在全新RFCs文档可以看到。 2. 六大亮点 Performance：性能更比Vue 2.0强。 Tree shaking support：…

响应式部分，如果你想在简历上写熟悉的话，还是要抽时间好好的去看一下源码中真正的实现，而不是看这种模棱两可的说法就觉得自己熟练掌握了。 轮指的是什么，在 eventLoop 里的 task 和 microTask，他们分别的执行时机是什么样的，为什么优先选用 microTask，…

Vue3 中，ref 是一个新出现的 api，不太了解这个 api 的小伙伴可以先看 官方api文档。 简单介绍来说，响应式的属性依赖一个复杂类型的载体，想象一下这样的场景，你有一个数字 count 需要响应式的改变。 这样肯定是无法触发响应式的，因为 Proxy 需要对一个复…

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型…