vue3+vite使用uni-popup ref="popup"

在Vue 3和Vite中，使用uni-popup可以按照以下步骤：

1. 首先需要在页面中引入uni-popup组件，可以使用以下代码：

<template>
  <uni-popup ref="popup">
    <div>popup content</div>
  </uni-popup>
</template>

2. 接下来，需要在页面中定义一个ref来引用uni-popup组件，可以使用以下代码：

<template>
  <div>
    <button @click="showPopup">Show Popup</button>
    <uni-popup ref="popup">
      <div>popup content</div>
    </uni-popup>
  </div>
</template>

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

export default defineComponent({
  setup() {
    const popupRef = ref(null);

    function showPopup() {
      popupRef.value.show();
    }

    return {
      popupRef,
      showPopup,
    };
  },
});
</script>

3. 在Vue 3和Vite中，需要使用`ref`来引用`uni-popup`组件，然后使用`value`属性来访问组件实例的方法和属性。

4. 使用`popupRef.value.show()`方法来显示`uni-popup`组件。

希望对你有所帮助。