jQueryとvue.jsでのタブ切り替えの考え方

タブ切り替え機能を実装しようとしたときの考え方の違いについて

jQuery
考え方：タブそれぞれがactiveかnot-activeの状態を持つ
実装：activeクラスをつけ外しする

vue.js
考え方：Vueインスタンスがactiveなタブについての情報を持つ
実装：Vueインスタンスのactive変数を変更する

DOM要素自体じゃなく、その一個上の要素（Vueインスタンス）が情報を持ってる。
この考えをうまく使えれば、シンプルに実装できるケースが多そう。