vue踩坑：写在app.vue中组件如何根据在不同页面显示还是隐藏

在组件文件内的最外层标签条件 v-show/v-if = "show"

data(){
    return {
    // 默认关闭是为了点开页面是不闪烁
      show: false;
    }
},
 created() {
      if (this.$route.name==='Home')
        this.main_swiper = true
    },
    watch: {
      // 如果路由有变化，会再次执行该方法
      "$route": "fetchDate"
    },
    methods:{
      fetchDate(){
        if (this.$route.name!=='Home'){
          this.main_swiper = false
        }else {
          this.main_swiper = true
        }

      }
    }