有這樣一道面試題:nextTick是什麼? 我們做如下實驗,在磁碟任意的位置(確保今後可以想起來),新建nextTick文件夾(可以命名為其他的)。 通過命令vue create demo創建以demo命名的vue2項目。 為了方便調試項目,我們通過VS Code打開創建的vue2項目demo。 我 ...
有這樣一道面試題:nextTick是什麼?
我們做如下實驗,在磁碟任意的位置(確保今後可以想起來),新建nextTick文件夾(可以命名為其他的)。
通過命令vue create demo創建以demo命名的vue2項目。
為了方便調試項目,我們通過VS Code打開創建的vue2項目demo。
我們來看操作1:
created(),mounted()按先後順序同步執行(同步執行可不是同時執行,而是按順序執行。非同步,是同時進行各自任務。),可以看到先列印了11,而後在mounted()里列印了22。
接著列印了created()裡面的333,mounted()的444。這兩個怎麼也按順序列印輸出了呢?
我們來看下列操作:
以上操作對數據的獲取都沒有問題,都獲取到了更新後的值。
我們在btn()方法裡面,更改str的值試試
至此,回答面試題的問題——nextTick是什麼?
是用來獲取更新後的dom內容。