Vue3 ref 变量赋值：深入浅出讲解及示例 | 如何使用 ref 定义响应式变量

在 Vue3 中，可以使用 ref 函数来定义一个响应式的变量，并通过 .value 属性来获取和设置它的值。下面是一个示例：\n\njavascript\nimport { ref } from 'vue';\n\nconst count = ref(0); // 定义一个响应式变量 count，并初始化为 0\n\nconsole.log(count.value); // 输出 0\n\ncount.value = 1; // 设置 count 的值为 1\n\nconsole.log(count.value); // 输出 1\n\n\n在上面的示例中，使用 ref 函数定义了一个响应式变量 count，并通过 .count.value 来获取和设置它的值。初始值为 0，然后通过赋值操作符（=）将 count 的值设置为 1。通过打印 count.value 可以验证值的变化。