reactive 不能作用于基本数据类型，仅支持对象和数组；因其基于 proxy 实现，而 proxy 无法代理非对象类型，基本类型需用 ref 或包装为对象。
不能。
reactive 只能作用于引用类型（对象、数组），对基本数据类型（如 number、string、boolean、null、undefined、symbol、bigint）直接调用会失败，且控制台会报错：
value cannot be made reactive: 0
这是因为 reactive 内部使用 Proxy 实现响应式，而 Proxy 只能代理对象，无法拦截基本类型的赋值操作 —— 基本类型是按值传递、直接替换内存中的内容，没有属性可劫持。
例如：
import { reactive } from 'vue'
const count = reactive(10) // ❌ 报错，无效
const name = reactive('Vue') // ❌ 报错，无效
const flag = reactive(true) // ❌ 报错，无效
✅ 正确做法是：
Auth0 React
下载
已弃用 — 请改用 `auth0` 技能（运行 `npx clawhub install auth0`）。适用于为 React 单页应用（SPA）添加 Auth0 登录、登出、受保护路由或用户会话功能。该技能集成 `@auth0/auth0-react` — 即使用户仅表述为“为我的 React 应用添加登录功能”或“保护我的 React 路由”，而未明确提及 Auth0，也应使用此技能。
- 基本类型统一用
ref - 若坚持用
reactive，必须包装成对象：
const state = reactive({ count: 10, name: 'Vue', flag: true }) // ✅ 合法
console.log(state.count) // 直接访问，无需 .value
所以，reactive 对象本身不能“是”基本类型，也不能“被赋值为”基本类型。它只接受对象或数组，并返回一个代理后的响应式对象。
如果你看到类似 obj = 42 这样的写法，那说明你正在尝试替换整个 reactive 变量的引用，这会导致响应性丢失 —— 这属于“赋值失效”问题，和“基本类型不支持”是两个不同但常被混淆的问题。
需要区分清楚：
- ❌
reactive(42)→ 类型不合法，根本创建不了响应式 - ❌
myObj = { a: 1 }（其中myObj是reactive({})创建的）→ 引用被覆盖，响应性丢失 - ✅
myObj.a = 1或Object.assign(myObj, { a: 1 })→ 安全更新，保持响应式
本质上：reactive 不是“让值变响应式”，而是“让对象的属性访问和修改可追踪”。基本类型没有属性，自然不在它的能力范围内。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
