This interview note is about Vue's built-in KeepAlive component. It caches component instances when switching between multiple components. Caching preserves component state and avoids repeated re-rendering. The use case is a stepper component. Each step keeps its information, so going back does not need a re-render. The performance benefit is that a cached step is not rendered again. The other benefit is avoiding a store used only so data survives moving back and forth. The note calls that store use indiscriminate. Related pages are React interview questions and Laravel interview questions.
KeepAlive Component
- Definition: A built-in component that caches component instances when switching between multiple components
- Purpose: Preserve component state and avoid repeated re-rendering
- Use case: Especially useful in a stepper component - it keeps each step's information, so going back doesn't require re-rendering
- Benefits:
- No re-rendering (performance)
- Avoids indiscriminately using a store to persist data when users navigate back and forth
See also: React Interview Questions · Laravel Interview Questions