vue 3 的ref如何赋值使用

在 Vue 3 中，ref 是一个函数，可以用来创建一个响应式的数据。要使用 ref，首先需要导入它：

import { ref } from 'vue'

然后，可以使用 ref 创建一个响应式的数据：

const myData = ref(initialValue)

initialValue 是初始值，可以是任何 JavaScript 类型的数据。

接下来，要访问 ref 创建的响应式数据，可以使用 value 属性：

console.log(myData.value) // 获取值

要修改 ref 创建的响应式数据，可以直接对 value 属性进行赋值：

myData.value = newValue // 修改值

需要注意的是，ref 创建的响应式数据在赋值时需要使用 .value，但是在读取时不需要。

下面是一个完整的示例：

import { ref } from 'vue'

const myData = ref('Hello World')

console.log(myData.value) // 输出 'Hello World'

myData.value = 'New Value'

console.log(myData.value) // 输出 'New Value'

在 Vue 3 中，ref 是用来创建基本类型数据的响应式数据。如果要创建引用类型的响应式数据，可以使用 reactive。