本教程采用setup 组合式vue3语法教学 reactive 创建数据 在Vue3里，可借助 reactive 函数定义响应式对象。响应式对象指数据变化时，与之绑定的DOM会自动更新。 import { reactive } from vue// 定义响应式对象const state = reactive({ message: Hello, Vue3!});console.log(state.message); // 运行结果：Hello, Vue3! ref 创建数据 还能使用 ref 定义基本类型的响应式数据。 import { ref } from vue;const count = ref(0); // 定义基本类型响应式数据console.log(count.value); // 运行结果：0 使用ref定义的数据，访问时要通过 .value 属性。 分不清使用reactive还是ref 就选ref