vue中超简单的方法实现点击一个按钮出现弹框，点击弹框外关闭弹框

可以使用 Vue.js 自带的 `v-if` 指令来实现这个功能。首先，在你的模板中定义一个按钮和一个弹框，例如：

<template>
  <div>
    <button @click="showModal = true">打开弹框</button>
    <div v-if="showModal" @click.self="showModal = false">
      这是一个弹框
    </div>
  </div>
</template>

在这个例子中，我们使用 `v-if` 来控制弹框的显示和隐藏，`@click` 监听按钮的点击事件，`@click.self` 监听弹框外部的点击事件。当弹框外部被点击时，`showModal` 变量会被设置为 `false`，从而关闭弹框。

在你的 Vue 组件中，你只需要定义一个 `data` 属性来控制弹框的显示和隐藏：

<script>
export default {
  data() {
    return {
      showModal: false
    }
  }
}
</script>

这样就能够实现一个简单的点击按钮出现弹框，点击弹框外关闭弹框的功能了。