From the course: Vue.js 3 Essential Training

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Moving components

Moving components

- [Tutor] Next, we're going to start tackling a couple of additional components. Mainly we're going to be working with the range selector.vue file. So that is that input field that has a little toggle that you drag. Now, when we do that we're going to have to use V model through components. So that's kind of interesting to look at. We're also going to modify the product list. And finally, we're going to take the cart and move it back into app.vue. So that means we're going to have to move things around and rewire as needed. So let's get to it. Here's where you can find the beginning files as well as the end go.raybo. And here's where the differences are. All right, let's go into our project and what we have here in the home components, let's go back here is this section with a range selector here. So we are going to grab actually not the container but all this stuff right here and take it out of here. And then we are…

Contents