Vue.nextTickのコードリーディング

Vue.nextTickとは？ callbackを延期し、DOMの更新サイクル後に実行します。DOM更新を待ち受けるために、いくつかのデータを変更した直後に使用してください。 VueはDOMを非同期に更新するため、「DOMを更新した後にその更新済みのDOMに対して何らかの処理をする」といったような場面でnextTickが役立ちます。 // single file component <template> <div>{{ message }}</div> </template> <script> export default { data() { return { message: 'default' } }, mounted() { this.message = 'hello'; console.log(this.$el.textContent); // default この時点ではまだD

[inoueyuworks]

vue.js は、内部で microTask と MacroTask を用意し、それでもって Vue.nextTick を実装している。 microTask は Promise.resolve, macroTask は setImmediate / setTimeout のいずれかを利用する。

[thessalonica]

尊い...