vue在app.vue中引入header组件跟footer组件，导致登录页面也引入，怎么让它在特定的

Question

之前在每个页面都引入了一次header跟footer，导致跳转路由的时候会重新渲染一次，后来引入到app.vue里边，导致登录页面也引入了，怎么在特定的页面不引入呀

<template>

    <div id="app">

        <v-header></v-header>    

        <router-view></router-view>

        <v-footer></v-footer>

    </div>

</template>

<script type="ecmascript-6">

    import header from './components/header/header'

    import footer from './components/footer/footer'

    export default{

        components: {

            'v-header':header,

            'v-footer':footer

          }

    }

</script>

Answer 1

现在已经解决，我在login页面中隐藏掉头部跟尾部，也就是css样式none，然后在获取页面信息的时候重新刷新一下页面`var flag = this.$route.query.flag;if(flag == true) {&nbsp; &nbsp;//强制刷新页面&nbsp; const router = new VueRouter({});&nbsp; &nbsp;router.go({path:'/home',query:{flag:false}});}`这样就可以了，不过这样导致页面头跟尾可能点击其他链接会缺失，通过`router-link`标签：to 传入一个值`query:{flag:true}}`在需要刷新的页面设置在重新刷新一下页面