vue3 规范化为值

根据提供的引用内容，以下是关于Vue3规范化为值的介绍：

在Vue3中，可以使用`ref`函数将普通的JavaScript值规范化为响应式的值。`ref`函数接受一个参数作为初始值，并返回一个包含响应式值的对象。这样，当初始值发生变化时，相关的组件会自动更新。

下面是一个示例代码，演示了如何使用`ref`函数将普通的JavaScript值规范化为响应式的值：

import { ref } from 'vue'

const count = ref(0) // 将0规范化为响应式的值

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

count.value++ // 修改响应式的值

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

在上面的代码中，我们使用`ref`函数将初始值0规范化为响应式的值，并将其赋值给`count`变量。通过`count.value`可以访问和修改响应式的值。

需要注意的是，当使用`ref`函数规范化一个对象时，需要使用`.value`来访问和修改对象的属性。例如：

import { ref } from 'vue'

const person = ref({ name: 'Alice', age: 20 }) // 将对象规范化为响应式的值

console.log(person.value.name) // 输出：Alice

person.value.age++ // 修改响应式对象的属性

console.log(person.value.age) // 输出：21