In this Vue 3 tutorial, we learn how to access DOM nodes directly from within Vue and use lifecycle methods to manipulate it. We cover how to define and access refs on both elements and entire component instances.
We cover the following topics:
1. What are Template refs
2. How to define a Template ref in Vue
3. How to access a Template ref in Vue
4. Template refs on components
_Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)_
This lesson is also available in written format
https://www.koderhq.com/tutorial/vue/template-ref/
Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
https://www.youtube.com/playlist?list=PLFAU47Id44XG48v5dPPTGMgJfjMnsU8Bw
Subscribe to the channel and never miss a lesson
https://www.youtube.com/channel/UCz6k9pRLevdJGAsMMAVSb_Q?sub_confirmation=1
Visit the website for a wide range of programming tutorials
https://www.koderhq.com
