Vue Cards

It creates a reactive object where only the top-level properties are tracked; nested objects stay non-reactive unless wrapped separately.

It manually notifies Vue that a shallowRef changed after you mutated its inner value without replacing the reference.

It returns the current active component instance and is mainly useful in advanced framework or library code.

It is a runtime+compiler API that turns a template string into a render function at runtime.

It waits for the leaving element to finish its transition before inserting the entering element.

v-enter-from, v-enter-active, v-enter-to, v-leave-from, v-leave-active, and v-leave-to.

v-show toggles CSS display while keeping the element in the DOM; v-if adds or removes the element entirely.

Use v-slot="{ item, index }" or the shorthand #default="{ item, index }" on the parent side.

A global guard that runs after in-component and async route guards resolve but before navigation is confirmed.

It runs after successful navigation and is useful for analytics, logging, and cleanup.

Debug hooks that tell you which reactive dependency was tracked or which one caused a re-render.

It improves TypeScript inference for props, emits, computed values, and component options.