From the course: Vue.js: Creating and Hosting a Full-Stack Site

Unlock this course with a free trial

Join today to access over 25,600 courses taught by industry experts.

Using modular components

Using modular components

From the course: Vue.js: Creating and Hosting a Full-Stack Site

Start my 1-month free trial Buy for my team

Using modular components

“

- [Instructor] Okay, now that we've got our entire app set up, there are still a few more things that we should do in order to have our front end in the best possible shape. You may have noticed that when we were building our products page and shopping cart page, that the templates for both of those components were a little bit complex. And let me just open those up so I can show you what I'm talking about in a little bit more detail. We have our products page and our shopping cart page and sure enough, if you look at the structure here there's quite a bit of complexity going on. Now, generally, what we want instead is for our components templates to be dead simple and especially for our page components. And besides that, we also want each of our components to be reusable. All right, now in our case the way that we can improve both the products page and the shopping cart page components is by splitting out the lists…

Contents