vue 单页面多引用缓存问题

新增和修改同时用一个组件 导致打开新增 再打开修改页面 修改页面为空 反之先打开修改页面再打开新增 新增默认赋有数据

路由页面存在缓存 

我的解决方法: 在路由组件失活状态下 通过  deactivated 钩子函数 卸载组件

deactivated() {   //路由组件失活状态下触发
  this.destroy()   //卸载组件
}