在vue中，我想要设计一个按钮，当点击这个按钮时，会调用其他的vue弹窗组件，并将其显示在该页面上，如何实现

在Vue中实现点击按钮调用弹窗组件并显示在页面上，你可以按照以下步骤进行：

1. 首先，在你的Vue组件中引入需要使用的弹窗组件。例如，假设你的弹窗组件名称为 `PopupComponent`，可以通过`import`语句导入它。

import PopupComponent from './PopupComponent.vue';

2. 在你的Vue组件中定义一个变量，用于控制弹窗的显示与隐藏。例如，可以定义一个名为 `showPopup` 的变量，并初始化为 `false`。

data() {
  return {
    showPopup: false
  };
}

3. 在你的模板中添加一个按钮，并绑定点击事件。

<button @click="showPopup = true">打开弹窗</button>

4. 接下来，在模板中使用 `v-if` 指令来判断是否显示弹窗。当 `showPopup` 变量为 `true` 时，弹窗组件将被渲染到页面上。

<template>
  <div>
    <button @click="showPopup = true">打开弹窗</button>
    <popup-component v-if="showPopup" @close="showPopup = false"></popup-component>
  </div>
</template>

5. 最后，在弹窗组件中添加一个关闭按钮，并绑定点击事件。当点击关闭按钮时，通过 `$emit` 方法触发 `close` 事件，将 `showPopup` 变量设置为 `false`，从而关闭弹窗。

<template>
  <div>
    <!-- 弹窗内容 -->
    <button @click="$emit('close')">关闭弹窗</button>
  </div>
</template>

这样，当你点击按钮时，弹窗组件就会被显示在页面上。当你点击弹窗中的关闭按钮时，弹窗会关闭。请注意，以上仅为示例代码，你需要根据实际情况调整和完善代码。