![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue原理
文章平均质量分 64
_xiyang
Change is a direction not a destination.
展开
-
Vue 双向绑定、diff和nextTick原理
响应式数据的最终目标,是当对象本身或者对象属性发生变化时,将会运行一些函数,最常见的就是render函数,在具体实现上,vue使用了几个核心部件。原创 2024-04-24 12:00:00 · 924 阅读 · 0 评论 -
nextTick的使用和原理
Vue有个异步更新策略,意思是如果数据变化,Vue不会立刻更新DOM,而是开启一个队列,把组件更新函数保存在队列中,在同一事件循环中发生的所有数据变更会异步的批量更新。在Vue内部,nextTick之所以能够让我们看到DOM更新后的结果,是因为我们传入的callback会被添加到队列刷新函数(flushSchedulerQueue)的后面,这样等队列内部的更新函数都执行完毕,所有dom操作也就结束了,callback自然能够获取到最新的DOM值。nextTick是等待下一次 DOM 更新刷新的工具方法。原创 2024-04-22 00:15:00 · 270 阅读 · 0 评论