App.vue

<template> <div id="app"> <router-view v-slot="{ Component }"> <keep-alive> <component :is="Component" v-if="$route.meta.keepAlive"/> </keep-alive> <component :is="Component" v-if="!$route.meta.keepAlive"/> </router-view> <navbar></navbar> </div></template><script>import navbar from "@/components/common/navbar/navbar.vue";export default { name: "App", components:{navbar }, data() { return { }; },};</script><style lang="scss">@import "./assets/css/base.css";@import "./assets/css/iconfont.css";body{ background:rgb(18,18,18);}#app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50;}#nav { padding: 0px; background: #f6f6f6; display: flex; position: fixed; left: 0; bottom: 0; right: 0; z-index: 2; a { font-weight: bold; color: #2c3e50; &.router-link-exact-active { color: #d351e1; } }}</style>