vue怎么实现点击一个按纽弹出弹窗，弹窗显示组件一，点击另一个按钮弹窗结构不变，而显示组件二

要实现点击一个按钮弹出弹窗，并显示组件一，再点击另一个按钮时弹窗的结构不变，但显示组件二，可以使用Vue的条件渲染和动态组件的方式来实现。

以下是一个简单的示例代码：

<template>
  <div>
    <button @click="showComponentOne">显示组件一</button>
    <button @click="showComponentTwo">显示组件二</button>

    <div v-if="isModalOpen" class="modal">
      <component :is="currentComponent"></component>
    </div>
  </div>
</template>

<script>
import ComponentOne from './ComponentOne.vue';
import ComponentTwo from './ComponentTwo.vue';

export default {
  components: {
    ComponentOne,
    ComponentTwo
  },
  data() {
    return {
      isModalOpen: false,
      currentComponent: null
    };
  },
  methods: {
    showComponentOne() {
      this.isModalOpen = true;
      this.currentComponent = 'ComponentOne';
    },
    showComponentTwo() {
      this.isModalOpen = true;
      this.currentComponent = 'ComponentTwo';
    }
  }
};
</script>

<style>
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
}
</style>

在上述代码中，我们定义了两个按钮，分别绑定了`showComponentOne`和`showComponentTwo`方法。当点击按钮时，分别设置`isModalOpen`为`true`，以显示弹窗，并根据点击的按钮设置`currentComponent`为对应的组件名。

弹窗的内容通过`<component>`标签来动态渲染组件，通过`:is`属性绑定`currentComponent`的值来决定显示哪个组件。

通过这种方式，当点击不同的按钮时，弹窗的结构保持不变，但是显示的组件可以根据点击的按钮进行切换。你可以根据实际需求进一步调整样式和组件内容。

希望以上代码能帮助到你实现弹窗显示不同组件的功能！