Cyber Monday! Get 25% off for as long as you keep your subscription. New subscribers only.

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 Jan 9th, 2017

You'll surely come across instances in your own projects, where you'd like to wrap a form input within a custom component. This way, you can have a single place to attach all custom sanitization, validation, and behavior. However, in the process, you'll also find that the useful v-model directive no longer works the way it usually does.

In this episode, we'll learn exactly what Vue's v-model does, and then review how to make it work on any custom component. View the demo for this lesson 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
Front-Line PHP book
Back to Series Button