vue-router component不重新加载
时间: 2023-08-30 13:12:22 浏览: 95
vue-router 按需加载 component: () => import() 报错的解决
5星 · 资源好评率100%
在Vue Router中,当你导航到同一个路由时,默认情况下,组件不会重新加载。这是因为Vue Router会重用已经创建的组件实例,以提高性能和减少资源消耗。
如果你想强制重新加载组件,可以使用`key`属性。在路由变化时,只要`key`属性的值发生改变,Vue就会强制销毁并重新创建组件实例。
例如,你可以在路由组件的模板中添加一个`key`属性,值为当前路由的路径:
```html
<template>
<div :key="$route.path">
<!-- your component content -->
</div>
</template>
```
当你导航到同一个路由时,只要路径不同,组件就会重新加载。
阅读全文