track会去查找最"新"的effect，然后保存住 obj<-->a<-->effect这三角恋关系。这个时候如果我更改了它：obj.a = 1，那么trigger会去找obj，a对应的effect是谁，找到之后重新运行这个effect保存的函数，这就是v…

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 D…

我们之前分析Vue实现组件化挂载的源码分析，知道了组件是怎么一步一步创建到挂载到真实的DOM中。现在，我们结合Vue的响应式原理，看看当状态发生变化时，组件是怎么进行更新操作的。 其实，Vue的虚拟DOM的更新是模仿snabdom实现的，对于两个节点的对比过程基本一样。所以对于…

最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆 相信很多同学或多或少都了解Vue的响应式原理是通过Object.defineProperty实现的。被Object.definePr…

动态组件我相信大部分在开发的过程中都会用到，当我们需要在不同的组件之间进行状态切换时，动态组件可以很好的满足我们的需求，其中的核心是component标签和is属性的使用。 例子是一个动态组件的基本使用场景，当点击按钮时，视图根据this.chooseTabs值在组件child…

如果一个网页有成千上万张图片需要加载，页面滚动就会变得非常卡顿。此时很多人都会想到懒加载的概念，即只加载可视区域的图片，其他的图片暂时有一个占位图，等它们滚动到可视区域时再去请求真实图片并替换。这里，我们需要一个检查图片dom元素是否在浏览器可视区域内的方法checkInVie…

相信初学Vue的同学一定踩过这个坑，改变数组的索引，没有触发视图更新。 以上案例摘抄Vue官方文档 - 数组更新检测。 Vue官方文档也有给出，使用Vue.set即可达到触发视图更新的效果。 Vue官方给出了解释，不能检测。 那原因是什么？我在学习的过程中发现很多文章都在断章取…

vue之所以能数据驱动视图发生变更的关键，就是依赖它的响应式系统了。响应式系统如果根据数据类型区分，对象和数组它们的实现会有所不同；解释响应式原理，如果只是为了说明响应式原理而说，但不是从整体流程出发，不在vue组件化的整体流程中找到响应式原理的位置，对深刻理解响应式原理并不太…