auの日記

プログラミング初心者の日記。(auはハンドルネームです)

Vueで配列操作でDOMを更新できるメソッド

auです。

今日はあまり時間がないので、簡単にメモを残そうと思います。

配列操作でDOMを更新できるメソッド

配列に対して、直接値を代入しても描画が更新されません。DOMが更新されないと呼ぶみたいですね。

更新されるメソッドもいくつか用意されているのでみてみようと思います。

push(), pop(), shift(), unshift(), splice(), sort(), reverse()

unshift: 配列の一番先頭に挿入する
push: 配列の一番後ろに挿入する
pop: 配列の一番後ろを取り除く
shift: 配列の一番先頭を取り除く

splice: 配列の特定の場所から操作する
sort: 並び替える
reverse: 配列を反転させる

すごく簡単に書きましたが、こんな感じのイメージで大丈夫だと思います。別の言語で使ったことがあるものは、イメージを着けやすいと思います。

ぶっちゃけ挿入・削除系はspliceだけでもなんとかできそうな気がする・・・。


参考

qiita.com