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 the drop-down

Moving the drop-down

- [Narrator] It's time to take the dropdown out of our navigation and see how that's going to affect our project. Now to do this, we're going to make a couple of other moves. We're going to start by taking our products and moving them out of the homepage into the app, that vue file. And that's because I want to make sure that those products are available to our navigation and any other pages that we might have. That means we're going to have to move our created light cycle method. And then we're going to take the dropdown from Navbar.vue and move that over to cartDropdown.vue. Just taking the little piece that's the actual dropdown from one file to the other, because that's how we scaffold it. So let's go ahead and we'll start on home.vue. And we want to take these products piece right here and we'll save that and we'll put that in app. So after the cart, also don't need this displayCart false anymore because that's…

Contents