Vue.nextTick进阶分析

Vue.nextTick进阶分析

参考资料：

Vue.nextTick 的原理和用途

我的文章一篇文章setState进阶

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，需要进行diff算法之后才能更新真实DOM，所以使用了Vue.nextTick(callback)，callback将在视图更新（即挂载真实dom）的时候被执行。

vue的响应式和react的setState

此时区别于React中的setState方法，vue的响应式改变data中的值之后就可以被立即捕获到，所以说vue响应式不是异步的；

但是React的setState方法在react合成事件中是异步的（在JS原生dom事件和setTimeout中是同步的）

<template>
    <button @click="changeNum">修改数值</button>
</template>
<script>
export default {
  data() {  return { num: 18 };  },
  methods:{
    changeNum() {
      console.log(this.num);//18
      thi