vue父组件传参控制子组件显示隐藏

可以通过在父组件中定义一个变量来控制子组件的显示和隐藏。具体实现方式如下：

1. 在父组件中定义一个变量，例如 `showChild`，初始值为 `false`。
2. 在父组件的模板中，使用 `v-if` 或 `v-show` 指令来控制子组件的显示和隐藏。例如：

<template>
  <div>
    <button @click="showChild = !showChild">切换子组件显示</button>
    <child-component v-if="showChild"></child-component>
  </div>
</template>

3. 在子组件中，可以通过 `props` 接收父组件传递的参数，并根据参数来控制自身的显示和隐藏。例如：

<template>
  <div v-show="show">
    子组件内容
  </div>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    }
  }
}
</script>