在 TypeScript 中访问 Vue 3 的 Ref 和 Reactive 变量

在 TypeScript 中访问 Vue 3 的 Ref 和 Reactive 变量，需要先导入 Vue 3 的相关模块：

import { ref, reactive } from 'vue'

然后可以使用 ref 和 reactive 函数创建变量：

const count = ref(0) // 创建一个 ref 变量
const user = reactive({ name: 'Tom', age: 18 }) // 创建一个 reactive 变量

访问变量的值可以使用 .value 属性（ref）或直接访问属性（reactive）：

console.log(count.value) // 输出 0
console.log(user.name) // 输出 'Tom'

对于 reactive 变量，可以使用 isRef 函数判断是否是 ref 变量：

import { isRef } from 'vue'

console.log(isRef(count)) // 输出 true
console.log(isRef(user)) // 输出 false