为什么我的router-view会刷新父组件？

Question

//当前组件url是 /table/customer/detail

<template>
    <div class="subarea">
        <el-radio-group @change="handleDetailCatogoryChange" v-model="topCategory" style="margin-bottom: 10px;">
          <el-radio-button label="detail">详细</el-radio-button>
          <el-radio-button label="project">项目</el-radio-button>
        </el-radio-group>
    </div>
    <router-view ></router-view>
</template>
<script>
  export default {
    created() {
      console.log("asdsdasdsdadasddadas");
      this.$message('created');
      this.refresh()
    }，
    methods: {
      handleDetailCatogoryChange(value) {
        this.topCategory = value;
        if (value == "detail") {
          this.$router.push("/table/customer/detail/info") //这指向的是Info组件
        }
        else  if (value == "project") {
            this.$router.push("/table/customer/detail/project")//这指向的是Porject组件
          }
      }
    },
  }
</script>

为什么我点击了详细和项目这两个按钮，/table/customer/detail组件也会重新created呢？？