Vue 3 performance optimization best practices?

Vue 3 performance tập trung vào giảm unnecessary reactivity và re-renders qua directives, component patterns, và build tooling.

1. v-memo cho long lists với expensive renders
2. shallowRef/shallowReactive cho large data structures không cần deep reactivity
3. Lazy load routes và components với dynamic import
4. <KeepAlive> cho frequently toggled components
5. Dùng computed thay methods để cache kết quả
6. Tránh unnecessary watchers — prefer computed
7. v-once cho content không thay đổi
8. Tránh inline handlers phức tạp trong template
9. Tree-shaking — import chỉ những gì cần từ Vue
10. Analyze bundle với rollup-plugin-visualizer