[Vuejs]-VueJs components are not showing using the Vue router

by

0👍

Jorj and Magnus are correct you have the same path such as '/user' and '/Meetup' which causes all your problems.

However, if you like to have the same route paths (Not recommended though), its still possible by nested routing. Please check Vue-Router Nested-Routes like

const router = new VueRouter({
  routes: [
  {
   path: '/meetup', component: Meetup,
   children: [

    { path: '/meetup', component: CreateMeetUp },

    // ...other sub routes
   ]
  }
 ]
})

Then you just have to include in your root path

Meetup.vue

  <transition mode="out-in">
     <router-view></router-view>
  </transition>

Leave a comment