Two Vue Directives that Boost App Performance

Rendering performance is a vital metric for frontend developers. In this video, let's learn how to use Vue's v-memo and v-once directives to eliminate unnecessary render calls.



✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS

follow me on twitter:

Music bv Lukrembo

[yevgeniaronov]

one of the best Vue related channels out there, all videos and written tutorials are gold. thanks a lot!

[RodrigoDAgostino]

This is golden! Thank you so much, mate!
You keep it very simple and clear every single time, while providing really useful information. I’m truly enjoying your content :)

[pittgikera]

I love this video format. Short and easy to consume. Subscribed

[captainalpha]

Please keep making videos like this. Thank You!

[Zirror]

Its worth noting that v-once only works in the current component. I.e. if you have a parent-component, which contins a div, which contains a sub-component and you put "v-once" on the div, then only the parent-components data won't rerender the sub-component. If you have an input, which gets echoed to a h1 in the sub-component, the h1 still changes. It won't 'freeze' reactivity down the entire tree.

[soykike]

Awesome video keep all these tips coming, for next video like this, or if you want to add this to the video, I would have love to see performance data added to it

[rabihutomo]

Nice explaination, thank you for this i aready vue 15-20 of your video :D

[abat_dauletbaev]

This video is very helpful. Keep it up.

[Troy-olfk]

Please make a video on render function 🙏🏻

[javadnoroozi]

thank tou so much that was really great ! i really need more tips like these great videos you make ... 🤘👌