Weekly Vue News

By Michael Hoffmann

Weekly Vue News - #60 - Lifecycle hooks for debugging

#60・
540

subscribers

68

issues

Subscribe to our newsletter

By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that Weekly Vue News will receive your email address.

Michael Hoffmann
Michael Hoffmann
Hi 👋
I’m still busy improving CodeSnap and waiting for the verification process of my payment provider. Then I will start a small marketing campaign with discounts for the Pro plan.
Have a great week ☀️

Vue Tip: Lifecycle hooks for debugging
Vue provides two lifecycle hooks that we can use for debugging purposes: “onRenderTracked” and “onRenderTriggered”.
These hooks are development-mode-only and not called during server-side rendering.
onRenderTracked
Registers a debug hook to be called when a reactive dependency has been tracked by the component’s render effect:
Image created with CodeSnap.dev
Image created with CodeSnap.dev
onRenderTriggered
Registers a debug hook to be called when a reactive dependency triggers the component’s render effect to be re-run:
Image created with CodeSnap.dev
Image created with CodeSnap.dev
Curated Vue Content
JavaScript Tip: Create a range of numbers
Image created with CodeSnap.dev
Image created with CodeSnap.dev
Curated Web Development Content
Quote of the Week
Did you enjoy this issue? Yes No
Michael Hoffmann
Michael Hoffmann @mokkapps

This weekly Vue newsletter gives you high-quality tips and curated content to help you become a Vue.js expert.

Additionally, it provides content about web development topics like TypeScript, JavaScript, HTML5, and CSS3.

Published each Monday since June 2021.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.
Holzapfelkreuther Straße 19, 81375 Munich, Germany