Vue Tip: Cache Component Instances With the KeepAlive Component
KeepAlive is a built-in Vue component that allows you to conditionally cache component instances when dynamically switching between multiple components.
Vue tip1 minTemplatePerformance
Category · 5 articles
Articles in the category Performance.
KeepAlive is a built-in Vue component that allows you to conditionally cache component instances when dynamically switching between multiple components.
Computed properties are evaluated lazily which means they are only evaluated when they are accessed. The computedEager() from VueUse is a good alternative for simple operations.
shallowRef() is typically used for performance optimizations of large data structures, or integration with external state management systems.
Learn some tools to measure the performance of your Vue application.
Using async components is a great way to speed up the initial load time of your app.