タグ

2021年7月12日のブックマーク (1件)

  • 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

    Vue.nextTickのコードリーディング
    inoueyuworks
    inoueyuworks 2021/07/12
    vue.js は、内部で microTask と MacroTask を用意し、それでもって Vue.nextTick を実装している。 microTask は Promise.resolve, macroTask は setImmediate / setTimeout のいずれかを利用する。