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) {

   //强制刷新页面

  const router = new VueRouter({});

   router.go({path:'/home',query:{flag:false}});

}`

这样就可以了，不过这样导致页面头跟尾可能点击其他链接会缺失，通过`router-link`标签：to 传入一个值`query:{flag:true}}`在需要刷新的页面设置在重新刷新一下页面