Cơ BảnVue.js iconVue.js

v-if vs v-show — khi nào dùng cái nào?

v-if: xóa hoàn toàn DOM khi false — chi phí cao khi toggle thường xuyên, nhưng không render child khi không cần (lazy). v-show: chỉ toggle display:none — DOM luôn được render, chi phí thấp khi toggle.

  • Dùng v-show khi element cần toggle thường xuyên.
  • Dùng v-if khi điều kiện ít thay đổi, hoặc khi child component có side-effects cần tránh khởi tạo.

Xem toàn bộ Vue.js cùng filter theo level & chủ đề con.

Mở danh sách Vue.js