vue【nextTick()】

Vue 中的 $nextTick

Vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后），这个方法作用是当数据被修改后使用这个方法，会回调获取更新后的dom再render出来
​

Vue.nextTick()作用：在下次 dom 更新循环结束之后，执行延迟回调。在修改数据之后立即使用这个方法，获得更新后的 dom。

Vue.nextTick()使用场景

1. Vue 声明周期的 created() 钩子函数进行的 DOM 操作一定要放在 Vue.nextTick() 的回调函数中，因为 created() 执行的时候 DOM 实际上并未进行任何渲染，此时进行 DOM 操作无异于徒劳，所以此处一定要将 DOM 操作的 js 代码放进 Vue.nextTick()的回调函数中。
2. 与之对应的就是 mounted 钩子函数，因为该函数执行时所有的 DOM 挂载和渲染都已完成，此时再钩子函数中进行任何 DOM 操作都不会有问题。
3. 在数据变化后要执行的某个操作，而这个操作需要使用随数据改变而改变的 DOM 结构的时候，这个操作应该放进 Vue.nextTick() 的回调函数中

总结：简而言之，如果你在数据改变之后的操作跟改变之后的 DOM 有关，那么就应该使用 Vue.nextTick()

 this.$nextTick(() => {
       this.Height = this.$refs.ZhTable.clientHeight - 108;
	//方法的使用，或者是对某个变量的操作

     });
​