#title Weekly Vue News #118 - Accessing Template Ref in Child Component #preview Ready for your weekly Vue & Nuxt dose?
Accessing Template Ref in Child Component
Hi 👋
I'm making good progress on the new editor of
Have a lovely week ☀️
To support me:
- 😘 Recommend the newsletter to your friends: it really helps!
- 💸 Sponsor the newsletter
- 🧵 Retweet the latest Twitter thread
- 📨 Reply to this email: feedback is welcome
| 👉🏻 The author explains why he chose the best frontend framework available. |
| 👉🏻 How a team migrated a Vue enterprise project from Vue 2 to Vue 3 step-by-step without getting blocked from releasing new features. |
| 👉🏻 This article explores the benefits of choosing Pinia as your Vue.js state management solution. |
| 👉🏻 Vueform has become open-source and available on GitHub under MIT license, including all its elements and features. |
UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
It's free in development to try it out 💚
| 👉🏻 In this video, you'll learn a dead simple technique to verify if content was rendered on the server. |
| 👉🏻 You should watch this video if you would like to build a Nuxt module. |
| 👉🏻 9 - 10 November 2023, Toronto, Canada |
| 👉🏻 Checkout the full program at |
| 👉🏻 10 November 20230, Verona |
| 👉🏻 28 - 29 February 2024, Amsterdam |
Sometimes you need to access a
Let's take a look at how you can do this in Vue 3:
In the child component, we define a template ref called innerChildRef and expose it to the parent component using defineExpose().
Now you can access this template ref in the parent component:
Try it yourself in the following StackBlitz project:
| 👉🏻 In this article, you'll get a brief overview of the technologies you will learn as part of freeCodeCamp's frontend developer learning path. |
| 👉🏻 Hydration is often seen as a silver bullet for performance, but there are caveats. |
| 👉🏻 These habits include sticking to a consistent standard of coding, deep domain knowledge in at least one field, being detached from their code, and being more visible. |
| 👉🏻 A browser-like 2D canvas experience in Node but without any native dependencies. |
| 👉🏻 Effect is a TypeScript library designed to help developers quickly create complex, synchronous, and asynchronous programs. |
| 👉🏻 A tiny Javascript engine that lets you create games and experiences inspired by the look and feel of a retro 80s computer. |
| 👉🏻 It's open source. |
Until next week,
Holzapfelkreuther Str. 19, 81375 Munich, Germany
