defineModel的默认值的用法讨论

[xhc-code]

<script setup>
import Child from './Child.vue'
import { ref, defineModel } from 'vue'

 const msg = defineModel("test11", {type: Object,default: ()=>({msg: 'Hello World!'})})
// const msg = defineModel("test", {default: 'Hello World!'})

</script>

<template>
  <h1>{{ msg.msg }}</h1>
  <Child v-model="msg.msg" />
</template>

前提条件就是，这个组件定义一个model，但是父组件不传的情况下。

为什么defineModel这个default默认值，我返回的是个引用对象，所以在函数中返回，但是不会进行响应式，改变内容不会响应式的变化。
但是如果default是一个字符串类型的值，就能响应式化。

为什么会出现这个差异情况呀？default属性不是为了内部组件自行托管的情况吗？
这是演练场的demo