Your Teacher | Jeffrey Way

https://laracasts.s3.amazonaws.com/avatars/jeffrey-avatar.jpg's avatar
Hi, I'm Jeffrey. I'm the creator of Laracasts and spend most of my days building the site and thinking of new ways to teach confusing concepts. I live in Orlando, Florida with my wife and two kids.

About This Episode

Published on Dec 7th, 2016

So far, we've only reviewed default component slots. Or, in other words, "take this bit of content, and insert it right there, as designated by the slot tags. But what about when we require more control? A modal component is a perfect example of this. If you want to slot a header section in one place, and a footer section in another, named slots are exactly what you need.

View the source code for this example on GitHub.

Episodes

    1. Basic Data Binding

      Free Episode 4:13
    2. Setup Vue Devtools

      Free Episode 3:03
    3. Lists

      Free Episode 5:27
    4. Vue Event Listeners

      Free Episode 5:04
    5. Components 101

      Free Episode 5:02
    6. Named Slots in a Nutshell

      Free Episode 5:54
    7. Webpack and vue-cli

      Free Episode 9:31
    8. Hot Module Replacement

      Free Episode 3:48
    9. This is Laravel Mix

      Free Episode 10:14
    10. Shared State 101

      Free Episode 4:28
    11. Custom Input Components

      Free Episode 8:38
    12. SPAs and the Backend

      Free Episode 15:01
    13. Vue Filters

      Free Episode 2:30
    14. Dedicated Form Components

      Free Episode 14:08
    15. Testing Vue: Part 1

      Free Episode 13:05
    16. Vue Subclassing

      Free Episode 4:42
    17. Scoped Slots

      Free Episode 7:55
Back to Series Button