07_03 Moving Components

Moving Components

go.raybo.org/2JJM

Next, we'll start tackling the reorganization of our application, sometimes known as refactoring.

Practice

Begin go.raybo.org/2JJI Diff go.raybo.org/2JJL End go.raybo.org/2JJK
  1. Move RangeSelector.vue
  2. v-model in components
  3. ProductList.vue
  4. Move methods, rewire as needed

In order to take care of this, first we'll do some housekeeping and remove the alert.

Then we'll take out the navigation from the home.vue component and move it to it's own spot.

I also want to remove the cart so that it's accessible by the homepage as well as the navigation, so we'll need to move it from the home page to App.vue.