列表

详情


44. 说一说 Vue 中 $nextTick 作用与原理?

回答思路

得分点 异步渲染、获取DOM、Promise 标准回答 Vue 在更新 DOM 时是异步执行的,在修改数据后,视图不会立刻更新,而是等同一事件循环中的所有数据变化完成之后,再统一进行视图更新。所以修改完数据,立即在方法中获取DOM,获取的仍然是未修改的DOM。 $nextTick的作用是:该方法中的代码会在当前渲染完成后执行,就解决了异步渲染获取不到更新后DOM的问题了。 $nextTick的原理:$nextTick本质是返回一个Promise 加分回答 应用场景:在钩子函数created()里面想要获取操作Dom,把操作DOM的方法放在$nextTick中

上一题