keep-alive

1、keep-alive

keep-alive 
包裹路由-组件;
缓存组件,之后组件不会被销毁;
组件对应的几个生命周期函数不会重新触发。
<keep-alive>
      <router-view />
</keep-alive>

当在组件内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行

2、解决mounted生命周期不执行的问题

exclude  Tips:一定要给组件name属性

export default {
  name: "Detail",
  data() {
    return {
      imgUrl: ""
    };
  },
  mounted() {
    ...
  }
};
</script>

配置keep-alive

<keep-alive exclude="Detail">
      <router-view />
</keep-alive>