主应用和子应用都是vue，想把主应用组件给子应用使用，数据可以更新，渲染为什么无法更新

[hex11o]

主应用简单的组件代码如下：

<template>
  <div>
    <span>
      num = {{ num }}
    </span>
    <button @click="add">+1</button>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const num = ref(0)
const add = () => {
  num.value++
  console.log(num.value); // 打印数据有更新
}
</script>

通过window或者props导出在子应用使用，点击时发现数据有更新打印，但是视图上未更新，想问问是什么原因以及有解决办法么，谢谢；

[battleingame]

vue实例不一致导致没有手机到依赖