vue3 响应式 API：shallowRef()和shallowReactive()

shallowRef()

shallowRef()是一个用于创建浅层响应式引用的函数。它创建一个响应式数据，但只对顶层属性进行响应式处理。

特点： 只跟踪引用值的变化，不关心值内部的属性变化。

<template>
  <div>{
  { shallowRefObj }}</div>
  <button @click="changeShallowRefObj">直接修改shallowRefObj</button>
  <button @click="changeMessage">修改message属性</button>
</template>
<script setup lang="ts">
import