vue3中的ref函数

通常使用它定义响应式数据，不限类型

1.导入ref函数

import { ref } from "vue";

2.使用ref函数，传入普通数据，返回响应式数据

    const a = ref(0);

    const fn = () => {
      // js中使用需要.value
      a.value += 1;
    };

3.返回数据

return { a, fn };

注意：使用ref创建的数据，js中需要.value解构对象，template中可以省略，是因为在template中vue3已经帮我们自动解构了。