如何强制 Vue 在路由更改时销毁并重新创建组件？

Question

我在 Vue 路由器中的路线：

{ path: 'articles/create', component: () => import('Detail.vue') },
{ path: 'articles/:id/edit', component: () => import('Detail.vue') },

如您所见，我Detail.vue在两条路线上渲染相同的 Vue 组件。

当 URL从例如变为时，如何“强制”Vue 销毁并重新创建Detail.vue组件？/articles/5/edit/articles/create

Answer 1

<router-view :key="$route.fullPath" />

请注意，这只会强制路由器销毁/创建组件，并且对路由器挂钩没有影响 - 例如，beforeEnter即使目标组件被销毁并创建了新组件，挂钩也不会被调用......