赛捷软件论坛's Archiver

vicky.yu 发表于 2023-11-1 09:27

#创建独立的响应式值作为 refs

想象一下,我们有一个独立的原始值 (例如,一个字符串),我们想让它变成响应式的。当然,我们可以创建一个拥有相同字符串 property 的对象,并将其传递给 reactive。Vue 为我们提供了一个可以做相同事情的方法 ——ref:

import { ref } from 'vue'
const count = ref(0)
ref 会返回一个可变的响应式对象,该对象作为它的内部值——一个响应式的引用,这就是名称的来源。此对象只包含一个名为 value 的 property :

import { ref } from 'vue'
const count = ref(0)
console.log(count.value) // 0
count.value++
console.log(count.value) // 1

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.