クラス名やIDで操作するDOM要素を指定する
今のDOMツリーを直接書き換える

既にVueで時代遅れになっている

このやり方ではJSのコードとHTMLが離れた位置に存在するから見辛い
直接DOMツリーを書き換えると、扱うデータの内容と合ってない変な状態になってしまう可能性大

VueはSFCでHTML, CSS, JSが近い位置に書ける
データをSingle Source Of Truthとして
DOMを構築するからDOMがデータと合ってない
変な状態になる事もない