如何在vue单页中重复引入同一子组件

getProvince(data) {
				cityFormApi.getDown(data).then(res => {
					console.log(res)
					console.log('1')
					let that = this;
					let province = res.data;
					for (let i = 0; i < province.length; i++) {
						let wzpz = province[i];
						wzpz.value = wzpz.id;
						wzpz.label = wzpz.name;
						wzpz.loading = false;
						wzpz.children = [];
						that.newSbType.push(wzpz);
					}
				})
			},

<queryData @ProvinceData="childByValue"></queryData>

this.$emit('ProvinceData', this.newObject);

import { listDept } from "@/api/system/dept";
import { roleSelect } from "@/api/system/role";
import { formList as formSelect } from "@/api/statisticalConfig/formManage";
import { validatenull } from "@/utils/ruoyi";

let cache = {};
let count = 0;

/**
 * 睡眠一段时间
 * @param {Number} ms 延迟时间，单位毫秒
 * @returns {Promise<void>}
 */
async function delay(ms = 200) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

export async function getAllData(params) {
  try {
    let id = localStorage.getItem("oldBusinessTypeId");
    if (!validatenull(cache) && id == params.businessTypeId) {
      return cache;
    }

    if (count++) {
      // 如果有计数说明自己不是第 1 个，就等。注意这里判断的是加之前的 count
      // 循环里最好再加个超时判断
      while (!cache) {
        await delay();
      }
    } else {
      // 是第 1 个就去请求
      // 如果这里有可能会抛异常，抛异常也不要漏了 count--
      const res1 = await listDept(); //部门列表
      const res2 = await roleSelect(); //角色列表
      const res3 = await formSelect(params); //表单数据

      cache = {
        deptList: res1.data,
        roleList: res2.data,
        formList: res3.data,
      };
      if (!validatenull(cache.formList)) {
        let oldBusinessTypeId = cache.formList[0].businessTypeId;
        localStorage.setItem("oldBusinessTypeId", oldBusinessTypeId);
      }
    }
    count--; // 记得减回去，方便以后如果要刷新 cache 的时候用
    return cache;
  } catch (error) {
    console.log("获取数据出错", error);
  }
}