vue源码解析
4篇文章 · 0订阅
  • vue源码解析：nextTick
    vue中dom的更像并不是实时的，当数据改变后，vue会把渲染watcher添加到异步队列，异步执行，同步代码执行完成后再统一修改dom，我们看下面的代码。 可以看到，修改数据后并不会立即更新dom ，dom的更新是异步的，无法通过同步代码获取，需要使用nextTick，在下一…
    Vue.js
  • 学习vue源码—mvvm
    稍微有去了解过vue是如何双向绑定的我们都很容易知道vue是通过Object.defineProperty劫持data属性的setter和getter，但是这仅仅只是实现的一部分，在这个实现里我们还要理解dep（订阅中心）和watcher（订阅者）的概念。 dep的定义参考了观…
    Vue.js
  • 学习vue源码—vue-diff
    1. 数据改变到页面渲染的过程是怎么样的？ 首先看下面的图片👇，这是执行click函数改变一个数据之后发生的函数调用栈，从图上的说明可以比较清楚个了解这个响应式过程的大概流程。下面简单讲解一下： patch、patchVnode、updateChildren方法都是比较VNo…
    前端框架
  • vue observer 源码学习
    vue最重要的应该就是响应式更新了,刚开始接触vue或多或少都能从官方文档或者其他地方知道vue响应式更新依赖于Object.defineProperty()方法,这个方法在MDN上有详细讲解,不过,如果是初学者的话,直接去看响应式更新源码还有点难度的,最好是先用项目练一遍,对…
    Vue.js 源码 前端