uniapp在vue3环境下做小程序控制弹框的显示与隐藏

在Vue3环境下，可以使用`ref`创建一个响应式的引用对象来控制弹框的显示与隐藏。

首先，需要在模板中定义一个`<uni-popup>`组件，并使用`v-model`绑定一个布尔类型的数据：

<template>
  <view>
    <button @click="showPopup = true">显示弹框</button>
    <uni-popup v-model="showPopup" title="提示" message="这是一个弹框"></uni-popup>
  </view>
</template>

然后，在`<script>`中使用`ref`创建一个名为`showPopup`的引用对象，并将其初始化为`false`：

<script>
import { ref } from 'vue';

export default {
  setup() {
    const showPopup = ref(false);
    return {
      showPopup,
    };
  },
};
</script>

最后，点击按钮时，将`showPopup`的值设置为`true`即可显示弹框，点击弹框的关闭按钮或者遮罩层时，会自动将`showPopup`的值设置为`false`，从而关闭弹框。

需要注意的是，`v-model`绑定的值必须是一个响应式的对象，因此需要使用`ref`来创建一个响应式的引用对象。同时，在Vue3中，组件的props也需要使用`props`来声明。