关于vue 中的API (nextTick)

  nextTick

    vue在更新数据的时候,其实是一个异步的过程,在我们去修改数据流中的数据,也就是定义在data中的数据的时候,页面组件组件并不会立即去响应,因此说vue在更新数据的时候是一个异步的过程; 每次在更改数据的时候,它都会打开一个队列,并缓冲在同一个事件循环中发生的所有数据更改,也就是说vue会等所有的修改完成之后才去执行页面二次渲染;

    nextTick,就是在这个队列更新之后才会去执行的一个API方法;官方给出的定义是: 推迟下一个DOM更新周期后执行的回调。在您更改了一些数据以等待DOM更新后立即使用它。

    例如  created(){

        this.$nextTIck( () => { 

          console.log( this.name)  //更新

         })

        console.log(this.name)   //undefined

        this.name = "更新"

      }

猜你喜欢

转载自www.cnblogs.com/mufc/p/10195475.html