`v-memo` directive là gì?

v-memo skip re-render một subtree nếu array dependency không thay đổi — tương tự React.memo nhưng ở template level:

<div v-for="item in list" :key="item.id" v-memo="[item.id, item.selected]">
  <!-- Chỉ re-render khi id hoặc selected thay đổi -->
  <ExpensiveComponent :item="item" />
</div>

Dùng cho:

1. Long lists với expensive child renders
2. Chỉ một vài properties ảnh hưởng đến render

Pitfall: không lạm dụng — dependency array phải đầy đủ, thiếu dependency sẽ gây stale render.