vue父组件用watch方法监听子组件，关闭子组件页面，不使用$emit 方法，请写出相关代码

假设子组件的名称为`childComponent`，在父组件中监听子组件的变化，可以使用`$refs`来获取子组件的实例，然后通过`watch`方法监听子组件的变化。

以下是示例代码：

<template>
  <div>
    <button @click="showChildComponent = !showChildComponent">显示/隐藏子组件</button>
    <child-component ref="childComponent" v-if="showChildComponent"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      showChildComponent: false
    };
  },
  watch: {
    showChildComponent: function(newValue) {
      if (!newValue) {
        // 关闭子组件页面的操作
        this.$refs.childComponent.close();
      }
    }
  }
};
</script>

在上述代码中，我们在父组件中定义了一个`showChildComponent`的布尔类型的数据，在点击按钮时改变它的值，从而控制子组件的显示和隐藏。通过`$refs`获取子组件的实例，然后在`watch`方法中监听`showChildComponent`的变化，当其为`false`时，调用子组件的`close()`方法，实现关闭子组件页面的操作。需要注意的是，`close()`方法需要在子组件中自行实现。