vue ref reactive

作者：青灯寂焚发布日期:2026-05-23 浏览:106

// 使用 Vue 3 的 ref 和 reactive

// 引入 Vue
import { ref, reactive } from 'vue';

// 使用 ref 创建一个响应式的简单数据类型
const count = ref(0);

// 使用 reactive 创建一个响应式的复杂数据类型（对象或数组）
const state = reactive({
  name: 'Vue',
  version: 3
});

// 修改 ref 和 reactive 中的值
count.value++; // ref 需要通过 .value 访问和修改
state.name = 'Vue.js'; // reactive 直接修改属性值

// 解释说明：
// - ref 用于创建基本类型的响应式数据，如数字、字符串、布尔值等。访问和修改时需要使用 .value。
// - reactive 用于创建复杂类型的响应式数据，如对象或数组。可以直接访问和修改属性值。

上一篇：vue3 跨域

下一篇：npm创建vue3项目