App.vue 889 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div id="app">
  3. <!-- 缓存的页面,缓存$route.meta.keepAlive为true的组件 -->
  4. <keep-alive>
  5. <router-view v-if="$route.meta.keepAlive"></router-view>
  6. </keep-alive>
  7. <!-- 不缓存的页面,不缓存$route.meta.keepAlive为false的组件 -->
  8. <router-view v-if="!$route.meta.keepAlive"></router-view>
  9. <theme-picker />
  10. </div>
  11. </template>
  12. <script>
  13. import ThemePicker from "@/components/ThemePicker";
  14. export default {
  15. name: "App",
  16. components: { ThemePicker },
  17. metaInfo() {
  18. return {
  19. title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
  20. titleTemplate: title => {
  21. return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
  22. }
  23. }
  24. }
  25. };
  26. </script>
  27. <style scoped>
  28. #app .theme-picker {
  29. display: none;
  30. }
  31. </style>