Is Vue-router reloading the page in a dynamic path for some reason?

Question

JavaScript

Setting up the router is simple:

const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      component: Home
    },
    {
      path: '/item/:id',
      component: ItemDetail
    },
    {
      path: '/profile/',
      component: Profile
    }
  ]
})

It goes to /profile/ normally, but to /item/1234 only with a full reload of the browser page.

Answer 1

Somewhere there is an error, so js scripts stop working, and therefore, instead of catching the click event on the link, a simple transition is triggered, as in the case of off. js script, see console

Answer 2

You need to import your ItemDetail component into App.vue