vue父组件如何打开子组件

在vue中，可以使用`<router-view>`标签来渲染子组件。具体来说，可以在父组件的template中引用子组件的路由路径，当路由被匹配时，子组件将会被渲染出来。

比如说，我们的父组件有一个按钮，点击按钮可以打开子组件。那么可以在父组件中添加以下代码：

<template>
  <div>
    <button @click="showChildComponent">打开子组件</button>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  methods: {
    showChildComponent() {
      // 在这里可以动态改变路由，打开子组件
      this.$router.push('/child-component')
    }
  }
}
</script>

在这个例子中，我们在父组件中添加了一个按钮，当点击按钮时，会通过`this.$router.push()`来动态改变路由路径。假设我们的子组件的路由路径为`/child-component`，那么当路由被匹配到时，子组件将会被渲染出来。