vue3修改ref定义的值

要修改ref定义的值，可以通过以下方式：

1. 使用.value属性

ref定义的对象有一个.value属性，通过访问该属性可以获取或修改ref的值。

import { ref } from 'vue'

const count = ref(0)

console.log(count.value) // 输出0

count.value = 1

console.log(count.value) // 输出1

2. 使用.value函数

ref定义的对象还有一个.value函数，通过调用该函数可以修改ref的值。

import { ref } from 'vue'

const count = ref(0)

console.log(count.value) // 输出0

count.value = 1

console.log(count.value) // 输出1

count.value(2)

console.log(count.value) // 输出2

3. 使用setValue函数

ref定义的对象还有一个setValue函数，通过调用该函数可以修改ref的值。

import { ref } from 'vue'

const count = ref(0)

console.log(count.value) // 输出0

count.setValue(1)

console.log(count.value) // 输出1

需要注意的是，使用setValue函数修改ref的值只能在vue3.2.0及以上版本中使用。