Vue3中的ref函数

 在Vue 3中，ref函数是用来创建一个响应式的基本数据类型的函数。通过ref函数创建的变量会被自动包装成一个响应式对象，当这个变量的值发生变化时，相关的视图会自动更新。

下面是ref函数的基本用法和特点：

基本用法：

import { ref } from 'vue';

const count = ref(0);
console.log(count.value); // 输出当前值：0
count.value++; // 修改值
console.log(count.value); // 输出修改后的值：1

特点：
使用ref函数创建的变量是一个包含.value属性的响应式对象，通过.value访问和修改变量的值。
当使用ref创建的变量被赋予新值时，相关的视图会自动更新。
ref函数也可以用于创建对象类型的响应式数据，但需要注意对象内部的属性需要单独使用ref包装才能实现深层响应式。

示例：
          

import { ref } from 'vue';

const person = ref({
    name: 'Alice',
    age: 25
});

console.log(person.value.name); // 输出：Alice
person.value.age++;
console.log(person.value.age); // 输出：26

    通过ref函数，可以方便地创建响应式的基本数据类型，实现数据的双向绑定和视图的自动更新，是Vue 3中非常常用的功能之一。