this.$nextTick是在下次dom更新循环之后执行延迟回调,在修改数据之后立即使用这个方法,获取更新后的dom
例如: 你在vue的生命周期created()钩子函数进行的dom操作一定要放在vue.nextTick中,原因是因为created()钩子函数执行的时候dom其实并未渲染,此时进行dom操作无异于徒劳,
this.$ nextTick就是为了拿到最新的dom,例如你需要给某个元素添加一个方法,那么此时你就需要this.$nextTick这个钩子回调,在视图更新之后去执行这个方法,会在方法执行完成后然后再更新一次dom
虽然我们的updated是在dom结构重新加载之后触发,但是该钩子函数,只是针对某个组件整体渲染进行的生命周期钩子。如果我们没有切换更新组件,只是改变组件中的某个ui,这个时候updated是不会执行的,这个时候就用到了this. $ nextTick