#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