Category: Vue

0

Chapter 101: Vue ‘beforeUnmount’ Lifecycle Hook

BeforeUnmount (or its modern Composition API name onBeforeUnmount) This hook is the last moment Vue gives you to clean up everything that your component created or subscribed to before it gets completely destroyed and...

0

Chapter 102: Vue ‘unmounted’ Lifecycle Hook

Unmounted (or its modern Composition API name onUnmounted) This hook is the final goodbye. When unmounted / onUnmounted runs: The component has already been removed from the DOM The virtual DOM node no longer...

0

Chapter 105: Vue ‘renderTriggered’ Lifecycle Hook

RenderTriggered (its modern Composition API name is onRenderTriggered) Together with its sibling renderTracked / onRenderTracked, these two hooks form the deepest window into Vue’s reactivity system that you can get without writing your own...

0

Chapter 106: Vue ‘activated’ Lifecycle Hook

Activated (and its sibling deactivated) These two hooks exist only when a component is wrapped in <KeepAlive>. They have nothing to do with the normal lifecycle of a component that is simply shown/hidden with...

0

Chapter 107: Vue ‘deactivated’ Lifecycle Hook

Deactivated (and its modern Composition API name onDeactivated) This hook has nothing to do with the normal lifecycle of a component that is simply shown/hidden with v-if / v-show. It exists exclusively when a...

0

Chapter 108: Vue ‘serverPrefetch’ Lifecycle Hook

ServerPrefetch (or its modern Composition API name onServerPrefetch) This hook is not part of the normal client-side lifecycle (mounted, updated, unmounted etc.). It exists exclusively for server-side rendering scenarios — most commonly when you...

0

Chapter 109: Vue Examples

Vue Examples — 7 real-world, copy-paste-ready components that use almost everything we’ve covered so far (props, emits, slots, v-model, v-for, v-if/v-show, computed, watch, lifecycle, expose, KeepAlive, Transition, Teleport, Suspense…) Each example is small enough...

0

Chapter 110: Vue Exercises

Vue-exercises, and let’s do what real teachers should do after theory: Hands-on exercises — the only way you actually learn Vue. I’m not going to give you 50 tiny “print hello world” tasks. Instead,...