在我们日常开发中，经常会用到缓存路由或者组件的功能，如需要在两个组件之间来回切换；又比如从一个列表页跳转到详情页，在返回的时候，

前言 ​ 相信大部分同学在日常需求开发中或多或少的会有需要一个组件状态被持久化、不被重新渲染的场景，熟悉 vue 的同学一定会想到 keep-alive 这个内置组件。 ​ 那么什么是 keep-al

使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。

v-if和v-for哪个优先级更高呢？这是面试官常常问到的一个问题，如果是在三年前，我会毫不犹豫的回答v-for

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

终于到了本系列的最后一篇文章了，这篇文章将会做一个简单的模板编译器，并结合上一篇文章的渲染watcher来实现一个小demo。 将数据设置为响应式后，开始模板编译。模板编译思路如下：先将el从页面上取出来放到fragment中，编译完成后再放回页面中。 这个系列文章的到此就告一…

终于到了渲染watcher，看完这篇文章的内容后，大家就可以实现一个响应式系统了，并且能够在页面上有所体现。 1. 基本原理 2. 数组的处理 4. 最终章 持续更新中。。。 vue中有多种watcher，我们之前实现的watcher类似于Vue.$watch，当依赖变化时执行…

1. 为什么要对数组特殊处理 上一篇文章讲到了vue数据响应式的基本原理，结尾提到，我们要对数组进行一个单独的处理。很多人可能会有疑问了，为什么要对数组做特殊处理呢？数组不就是key为数值的对象吗？那我们不妨来尝试一下 如果我们访问和获取arr的值，getter和setter也…

同学们，你是否想学习Vue的数据响应式原理而无从下手呢？是否有过被复杂的源码教程劝退的经历呢？如果你和我一样，做过一个项目之后想深入原理的话，恭喜你，你来对地方了。这个系列文章将从纯粹的Vue响应式原理出发，没有其他因素的干扰，带领大家实现一个自己的响应式系统。 使用Vue时，…