Component-oriented frameworks, such as Vue.js, have changed the way we think about and write web applications. If you've been following along with some of our other Vue courses, you're now at the point where you are ready to tackle more advanced concepts.
In this course, instructor Jeremy McPeak will teach you some advanced Vue.js component concepts. After reviewing some of the basics, you'll go on to topics such as component slots and slot scope, extending and decorating components, and using the
render() function. And at the end, we'll put it all together into a powerful kind of utility component: data providers.
Learn Vue.js with our complete Vue.js tutorial guide, whether you're a seasoned coder or a web designer looking to pick up new front-end development techniques.
1.Introduction1 lesson, 01:47
2.Advanced Basics2 lessons, 23:38
3.Customizing and Extending Components4 lessons, 34:53
4.Just Plain Cool Stuff3 lessons, 29:49
5.Conclusion1 lesson, 00:57
Component oriented framework like Vue js have changed the way that we approach and write web applications. And I personally think that's a very welcome change because well, let's face it, web development has never been a truly wonderful experience. But component driven development is fairly new and it requires a different mindset than traditional development. So, it's not much of a surprise that we are all still learning in this space, and you are at the point to where you are ready to tackle more advanced concepts. Hi, I am Jeremy McPeak and I invite you to spend some time with me as we look at some advanced concepts for designing and implementing Vue js components. We'll start with the basics. I'll teach you how vue model works and how you can implement it in your own components. You'll then learn some strategies for wrapping non Vue js code as a component and we'll use boot straps modal component as our example. But something like a modal requires some flexibility because you need to provide custom content, for them to be truly useful. So you will learn about slots, and how they make it possible to provide customized content for your components. You will also how to conditionally show or hide content based upon the presence of a slot. From there you'll learn how to extend components by wrapping them with another component that provides extra or even more specific functionality and you'll learn how to easily pass props and event listeners down the component chain. We'll then dive into the concepts of scope slots rendering components with the render method. And we'll take a peek at the idea of utility components. Now we have a lot of ground to cover. So when you're ready, cue up the next video and we will get started.
2. Advanced Basics
2.1 Implementing `v-model`