Vue Mastery - From Vue 2 to Vue 3

Vue Mastery - From Vue 2 to Vue 3

Register & Get access to index
NHbkxvL.jpg

From Vue 2 to Vue 3
Vue 3 is packed full of cool new tools and gizmos to empower your applications even further. As developers the more of these features we know and understand, the more powerful and feature rich applications we are able to deliver.
Vue 3 doesn’t actually come with a lot of breaking changes in relation to Vue 2, but due to it being a complete rewrite, some breaking changes were unavoidable and necessary.
If you have an application that is currently using props, receiving attributes and/or emitting events to communicate with a parent this course is for you.
Disclaimer. This course is intended for developers that already have experience with Vue 2. I’m going to assume that you already know how to make your own custom components, and that you are very comfortable with how core API features like v-model, props, emits and listeners work.
Furthermore I’m not going to cover the Composition API in this course. If you want a refresher or you’re completely new to it, we have a fantastic course called Vue 3 Essentials that I highly recommend you check out first.
Having said that, let’s talk about what you’re going to learn in this course!
First we’ll take a deep dive in to the new v-model. There’s a lot of exciting new features to be learned, like the new defaults for binding value and emiting events.
We’ll also cover multi v-model bindings into a single component (yes that’s a thing now!), and how to create your own custom v-model modifiers.
Later on in the course, we’ll take a look at the new $attrs. We’ll see how the removal of $listeners plays a part into component development, and the importance of being able to control class and style as fall-through attributes now.
Finally, we’re going to take a look at multi-root components and its caveats, like controlling attribute fall-through and the infamous inheritAttrs, when and why to use it.
All of these concepts are super general and can be applied to most of the components out there in the wild.
Ready to jump right in?
See you in the first lesson!
  • Who is this course for? (What level of experience with Vue do they have?)
    • Middle to advanced Vue users who want to kickstart into Vue 3 with the most important and commonly used tools that have been modified
  • What new skills will they gain after completing the course?
    • An understanding of the new v-model system
      • modelValue and update:modelValue
      • Multi v-model bindings
      • v-model modifiers
    • Learn how to use multi-root components and its caveats
      • Attribute fallthrough
      • inheritAttrs when and why
    • Understand $attrs and the removal of $listeners
      • How $listeners got merged into $attrs
      • Class and style part of $attrs
    • Mounting a Vue 3 app in the CLI
      • Bootstrapping of application global components. Not global anymore.
  • If someone asked them, “Do you recommend this course? What did you take away from it?”, how would they respond?
    • Ideally they would recommend it as the go-to course for learning how to go from vue 2 to vue 3 due to the practicality and concise approach to key problems and new features
  • What are the common, real-world use cases you’ll be using as examples so that these theories get grounded in practical application? i.e. so the viewer says ohhh I get why and when this concept is useful
    • These concepts are super general and can be applied literally to 95% of the components out there in the wild. If you have an application that is currently using props, receiving attributes and/or emitting events to communicate with a parent this course is for you.
Author
TUTProfessor
Downloads
49
Views
736
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from TUTProfessor