### [[v-if]] - bool値が切り替わったタイミングが要素が再描画される - `true` になったタイミングで描画 - `false`になったタイミングで破棄 - `false`の場合、[[v-show]]より初期化コストは**低い** - [[v-show]]よりbool値切り替わり時の切り替えコストは**高い** ### [[v-show]] - bool値にかかわらず要素は描画される - 要素の[[display (CSS)|display]]プロパティが切り替わるだけ - [[v-if]]より初期化コストは**高い** - [[v-if]]よりbool値切り替わり時の切り替えコストは**低い**