vue 给每个组件加keep-alive

要给每个组件加上 keep-alive，可以在组件的根标签上加上 keep-alive，如下所示：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
  export default {
    name: 'MyComponent',
    // 在组件的根标签上添加 keep-alive
    keepAlive: true,
    // 组件其他配置
    ...
  }
</script>

这样就能够让该组件被缓存起来，提高页面的渲染速度，同时也保留了组件的状态。如果想要给所有组件都加上 keep-alive，可以在 App.vue 中添加一个 `<keep-alive>` 标签，将所有组件放在其中即可。