vue两个路由指向同一个页面

vue 如何实现多个路由共用同一个页面组件

当多个路由公用同一个组件时，切换路由不会重新触发该组件页面的钩子函数。 为了重新触发钩子函数。获取最新数据。有两种方式： 方法1：假如父组件下的两个子组件A ,B需要公用同一个组件，在父组件中，router-view中添加key ,并保证key值具有类似ID值的唯一性。 这样就能实现，进行相应的子组件路由，会根据相应的key值触发相应子组件的钩子函数。 方法2：通过监听路由的变化，来处理数据。

方法一 在router-view里添加key控制：

这样的弊端是如果router-view里包含其他组件，切换其他组件会让其他组件也重新渲染。