我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…

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

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的几个高级应用，希望能对大家有所帮助。 我们使用的第…

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的实用技巧。 当然这里不仅仅是可以监听 mounte…

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！ 低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewMo…

运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用类型，当复用组件时，由于数据

在这篇文章深入源码学习Vue响应式原理讲解了当数据更改时，Vue是如何通知订阅者进行更新的，这篇文章讲得就是：视图知道了依赖的数据的更改，如何将新的数据反映在视图上。 在真实的HTML中有DOM树与之对应，在Vue中也有类似的Vnode Tree与之对应。 在jquery时代，…

1. 数据改变到页面渲染的过程是怎么样的？ 首先看下面的图片👇，这是执行click函数改变一个数据之后发生的函数调用栈，从图上的说明可以比较清楚个了解这个响应式过程的大概流程。下面简单讲解一下： patch、patchVnode、updateChildren方法都是比较VNo…

能不移动，尽量不移动。不行就移动，实在不行就新建