vue中nextTick的理解

Posted 2020-11-30 chineseliao

A. vue 中的 nextTick 是什么？

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

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

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

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

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

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

　　

D. 总的来说：

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

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