.tsx父页面给.vue子页面传参

方法一：

父页面：

   .tsx代码 

<Map title="title123" message="msg123"/>

    .js代码

const mapelement = document.querySelector('.map') as HTMLElement;
mapelement.title = "title456";
//注意js代码目前只能改变title,所以放到title里进行改变

子页面：

<script setup>
const props = defineProps({
  message: String,
  title: String
});


onMounted(() => {
  console.log("initScene======message=======" + props.message + ",title=" + props.title)
}

---------------------------------------------------------------------------------

方法二：

父页面：

const newCameraPosition = { x: x, y: 5, z: -15 };
      window.parent.postMessage({ action: 'updateCamera', position: newCameraPosition },

子页面：

onMounted(() => {
  window.addEventListener('message', (event) => {
    alert("receive addEventListener message");
    if (event.data.action === 'updateCamera') {
      const { x, y, z } = event.data.position;
      alert("x=" + x + ",y=" + y+ ",z=" + z);
      camera.position.set(x, y, z);
    }
  });
}