Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:11Length:1.5 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.1 Introduction

Hi. I am Jeremy McPeak, and I invite you to spend some time with me learning about advanced concepts for designing and implementing Vue.js components.

This course assumes you are familiar with Vue.js and Vue CLI 3. If you need a refresher, try a course like Get Started With Vue.

Related Links

1.1 Introduction

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.

Back to the top