$nextTick

首先$nextTick** 是vue官方提供的一个API方法,是用于下次DOM更新循环结束后执行延迟回调.

$nextTick的作用 :

当页面的dom还未开始渲染时,此时无法操作dom,如果想要操作dom就得要使用nextTick来获取更新后的dom.

$nextTick的应用场景 :

1 :比如说,在vue项目开发中,我们常常需要在creadted()钩子函数中进行dom操作,因为creadted()钩子函数中,页面的dom还没有开始渲染,就会操作dom失败, 此时就必须做一个延迟执行,要放到nextTick() 的回调函数中执行.

2 :或者说我们安装了某些第三方插件，在vue生成的某些dom动态发生变化时重新应用该插件

总结:

• 所有操作了dom变量有没有更新dom的时候想操作dom都可以使用nextTick方法的
• 所有改变了多个变量或者方法但是改变了同一变量的都可以使用$nextTick延迟更新操作