u-popup 封装子组件，父组件像子组件传值并显示u-popup

`u-popup` 是 UniApp 中的一个弹出层组件，用于实现轻量级的弹出窗口功能。如果你想在父组件中封装子组件并通过 `u-popup` 显示，并将数据传递给子组件，可以这样做：

首先，在父组件中引入 `u-popup` 组件，并定义你要传递的数据：

<template>
  <u-popup v-model="popupVisible">
    <!-- 子组件 -->
    <child-component :data="popupData"></child-component>
  </u-popup>
</template>

<script>
import { uPopup } from "@dcloudio/uni-app-plus";
import ChildComponent from "./ChildComponent.vue";

export default {
  components: {
    uPopup,
    ChildComponent,
  },
  data() {
    return {
      popupVisible: false, // 控制 u-popup 是否可见
      popupData: "这是一些要传递给子组件的数据", // 数据
    };
  },
};
</script>

然后，在子组件中接收并处理这些数据：

<!-- 子组件 ChildComponent.vue -->
<template>
  <div>
    <!-- 子组件内容，使用 popupData 属性 -->
    <p>子组件接收到的数据：{{ data }}</p>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: String,
      required: true,
    },
  },
};
</script>

当你想打开 `u-popup` 并显示子组件时，只需更改 `popupVisible` 的值即可：

this.popupVisible = true; // 弹出框显示