一、vue2的diff过程 比较方式： 同级比较，不会跨级比较 patch函数 diff过程就是调用 patch函数，比较新旧节点，一边比较一边给真实DOM打补丁，那么我们就先来看一下patch函数:

二、 vue3 diff 经过vue2diff算法的学习，这次我们直接进入正题 这次采用五步走的方式来学习 源

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

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

距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，到现在面试都直问 vue3 源码了。 我想，不管什么原因，是时候学习 vue3 了 所以这次

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

当我们使用vuex进行状态管理的时候，我们总是会看到一句话更改Vuex 的store 中的状态的唯一方法是提交mutation，但是我们不提交mutation就没法修改state的值的了，其实是不对的，我们也可以通过下面的方法进行state值的修改。 并且我们发现直接修改sta…

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