Vue -- watch监听登陆页面隐藏头部和尾部

兄弟首先确定要配路由，有login页面，接下来就是在home页面中设置一个变量flag=true 默认显示，接下来使用watch监听路由地址，当地址是login的时候，咱们把flag设置成flase。app

<template>
  <div>
    <app-header v-show="flag"></app-header>
    <router-view />
    <app-footer v-show="flag"></app-footer>
  </div>
</template>
<script>
import Header from '@/components/mian/Header'
import Footer from '@/components/mian/Footer'

export default {
    data() {
        return {
            flag:true
        }
    },
    components:{
        "app-header":Header,
        "app-footer":Footer
        
    },
    
    watch: {
        $route(to, from) {
            // to 和 from 都是 路由信息对象
            if(to.path=='/login'){
                this.flag = false
            }
            console.log();
        }
    }
}
</script>