vue中nextTick的理解

A. vue 中的 nextTick 是什么?

    1.首先需要清楚,nextTick是一个函数;这个函数的作用,简单理解就是下一次渲染后才执行 nextTick 函数中的操作;

2.在下一次 DOM 更新循环结束之后延迟回调,也就是延迟执行一段代码。

B. 什么情况下使用 nextTick 函数?

当项目数据改变后,需要对新改动的元素进行视图操作的时候,可能数据值已经进行修改,但是视图还没更新,直接操作报错的时候;

C. nextTick函数解决什么问题?

     数据值修改,视图没有立即更新,直接使用提示错误。

D. 总的来说:

1. 在下次DOM更新循环结束后延迟执行回调,在修改数据之后立即使用这个方法,可以获取到更新后的DOM;

2. Vue中的Dom异步更新;
3. 应用场景:数据变化后需要立即执行的某个操作,而且这个操作需要使用随数据改变而改变的DOM结构的时候,这个操作就要放在nextTick()的回调函数里面;
4. 官网的用法描述是:将回调延迟到下次dom更新循环之后执行。

相关推荐