Vue.js中this.$nextTick()的使用
2020/11/17 10:04:34 閱讀：2864
發(fā)布者：2864
Vue 實現響應式并不是數據發(fā)生變化之后 DOM 立即變化，而是按一定的策略進行 DOM 的更新。$nextTick 是在下次 DOM 更新循環(huán)結束之后執(zhí)行延遲回調，在修改數據之后使用 $nextTick，則可以在回調中獲取更新后的 DOM，
所以就衍生出了這個獲取更新后的DOM的Vue方法。所以放在Vue.nextTick()回調函數中的執(zhí)行的應該是會對DOM進行操作的 js代碼
this.$nextTick()方法主要是用在隨數據改變而改變的dom應用場景中，vue中數據和dom渲染由于是異步的，所以，要讓dom結構隨數據改變這樣的操作都應該放進this.$nextTick()的回調函數中。created()中使用的方法時，dom還沒有渲染，如果此時在該鉤子函數中進行dom賦值數據（或者其它dom操作）時無異于徒勞，所以，此時this.$nextTick()就會被大量使用，而與created()對應的是mounted()的鉤子函數則是在dom完全渲染后才開始渲染數據，所以在mounted()中操作dom基本不會存在渲染問題。
