八、keep-alive

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

<keep-alive>
      <router-view />
</keep-alive>

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

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

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

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

• 配置keep-alive

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