Learn in this tutorial, how to use slots in Vue JS. With slots, you get the feature, that you can inject template code from a parent component into a child component.

Components are for creating re-usable pieces that you can dump in,
in different places to re-render the same kind of code in your application. But there is a problem you can have if there are different use-cases for a Component. Slots in Vue JS are a great feature and can help you.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
? Tutorials for Beginners and Advanced
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

↪︎ Learn Vue JS – From The Ground Up: https://www.youtube.com/playlist?list=PLINmvGGUwYc3fsN0ba_ZSZE0ywDeS0cd2
↪︎ Learn Vue JS – Additional Libraries: https://www.youtube.com/playlist?list=PLINmvGGUwYc0KrI3N11BCzflF6lEXqR9M
↪︎ Learn Vue JS – Webpack Techniques: https://www.youtube.com/playlist?list=PLINmvGGUwYc3rdRNgWVJwdXDucm8u1iSo

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
? Translations
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Read also >>  19 - Bootstrap 4 Navigation as Vuejs Component

If you enjoyed this video help others enjoy it by adding captions in your native language
↪︎ http://www.youtube.com/timedtext_video?ref=share&v=C0mf4nyRKx8

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
? Give Support / Get Support
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

↪︎ Patreon (https://www.patreon.com/webnoob)
↪︎ Discord (https://discord.gg/q4ywfTt)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
? Social Media and Websites
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

↪︎ My Website (https://www.webnoobcodes.com/)
↪︎ Twitter (https://twitter.com/webnoobcodes)
↪︎ Instagram (https://www.instagram.com/webnoobcodes)
↪︎ GitHub (https://github.com/webnoobcodes)
↪︎ Codepen (https://codepen.io/webnoobcodes)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
⚙️ My used tools/frameworks
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Read also >>  ArchitectUI - Vue.js Bootstrap Admin UI Dashboard Template

↪︎ Visual Studio Code (https://code.visualstudio.com/)
↪︎ Node.js (https://nodejs.org/en/)
↪︎ Vue Cli (https://cli.vuejs.org/)
↪︎ Vue JS (https://vuejs.org/)

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
? About Channel/Me
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

WEBNOOB, your channel for quality videos about web development and web design. My name is Mario and I have been working as a full-stack web developer for many years and I like to share my entire experience with you. Some tutorial videos are meant for beginners, and some are for more experienced users. The core topics at the beginning of my YouTube journey are HTML, CSS, Javascript and Vue.js. More in the future.

If you have any questions about web development or any of my video tutorials, or you have a topic that you would like to see in one of my next videos, you can leave a message on YouTube or contact me on Twitter @webnoobcodes

You want to learn more about web design and web development? Then you are exactly right here. I will post video tutorials weekly, so please stay tuned and subscribe.
https://www.youtube.com/webnoob?sub_confirmation=1

And don’t forget to hit the bell to keep you up to date.
Stay tuned and maximize your skills.
Let’s code a better web, together.

Read also >>  65 - Cart Persistent in Vuex - Vuejs and Firebase

Copyright by Mario Laurich / webnoob

#vuejs #vuejsbasics #webnoob

source

LEAVE A REPLY

Please enter your comment!
Please enter your name here