What common performance optimization techniques are used in large Vue 3 applications?

Common performance techniques in production Vue 3 apps:

• Route/component lazy loading (() => import(...)) to reduce initial bundle size.
• v-once/v-memo to skip re-rendering static or infrequently changing subtrees.
• shallowRef/shallowReactive for large data structures that don't need deep reactivity.
• List virtualization (e.g., via vue-virtual-scroller) for rendering very large lists efficiently.
• v-show vs v-if chosen deliberately based on toggle frequency.
• KeepAlive to avoid re-mounting components with expensive setup.
• Debouncing/throttling expensive watchers or event handlers (often via VueUse composables).
• Using the <script setup> compiler optimizations, which generate more efficient render code than manual setup() returns.