From the course: Vue.js 2 Essential Training

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Building complex components

Building complex components

From the course: Vue.js 2 Essential Training

Start my 1-month free trial

Building complex components

- [Narrator] Let's take a look at what it would take to move a larger component into its own place. So, the price component works pretty well, and if you're starting from the previous video, I've already modified all of the things that used to be run by the filters, and I've used this new price component instead, so that's already been done for you. Now what I want to do is go ahead and move everything else that is actually in my HTML, and if I go to My Shop here, everything that's right now under this transition group, I want to make into its own separate component, and I'm going to call that component "product list". So, this is going to be a little more difficult than it seems, but it's pretty common to start a project, and then realize that you want to break things up a little bit better. So, let's go ahead and grab all of this codes; remember, this is compressed down, so there's actually a lot more code, but if I click on this triangle here, I can sort of compress it to just show…

Contents