reactive 是 Vue 3 Composition API 中提供的一个函数,用于创建响应式的数据对象。
在 Vue 3 中,通过 reactive 函数可以将普通的 JavaScript 对象转换为响应式对象,使得对象的属性变化能够被 Vue 进行跟踪并触发视图更新。这是 Vue 3 Composition API 中处理数据的一种方式。
示例:
import { reactive } from 'vue';
// 创建一个响应式对象
const state = reactive({
count: 0,
message: 'Hello'
});
在这个示例中,reactive 函数将一个普通的 JavaScript 对象转换为了响应式对象 state。state 对象中的 count 和 message 属性现在是响应式的,任何对它们的修改都将被 Vue 追踪并触发相应的视图更新。
这与 Vue 2.x 中的 data 选项相似,但 Vue 3 Composition API 中提供了更灵活、可组合的方式来处理组件内部的数据。reactive 是 Vue 3 Composition API 提供的重要函数之一,让开发者能够更加灵活地管理组件的状态,并且让状态的变化能够更好地影响到视图的渲染。
