九、keep-alive

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

3-1 当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

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

1.exclude Tips:一定要给组件name属性
export default {
  name: "Detail",
  data() {
    return {
      imgUrl: ""
    };
  },
  mounted() {
    ...
  }
};
</script>
2.配置keep-alive
<keep-alive exclude="Detail">
      <router-view />
</keep-alive>