Vue.js: DOMの再描画

配列:

  • 配列自体を置き換えて変更すること

オブジェクト

  • Object.assign / スプレッド構文 など使って新しいオブジェクトで代入し直す

key属性を使う

  • DOMを再利用させないようにする

v-if でゲートをかける

  • true で再レンダリング

nextTick で変更

1
2
3
this.$nextTick(() => {
    // do modify
})