1. 程式人生 > >關於vue 中的API (nextTick)

關於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 = "更新"

      }