Vue3中ref，setup辨析

setup参考：vue3-setup-基本使用_vue3 setup mounted-CSDN博客

Vue3中的ref是一个函数，用于在setup函数中创建一个响应式的变量。ref函数接受一个初始值，返回一个响应式的对象。在setup函数中可以通过ref函数创建响应式变量，并将其作为返回值暴露给组件。

以下是一个使用ref的示例：

import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    const increment = () => {
      count.value++;
    };

    return {
      count,
      increment
    };
  }
};

在上述示例中，count是一个响应式变量，使用ref函数创建，并通过.value访问其值。increment是一个方法，用于对count的值进行增加。最后，在setup函数中将count和increment作为返回值暴露给组件。    

以下的说法则是错误的：      

需要注意的是，Vue3的响应式系统使用了Proxy代理，所以在访问和修改响应式变量时，不再需要使用.value。上述示例中的代码也可以直接写为：

import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    const increment = () => {
      count++;
    };

    return {
      count,
      increment
    };
  }
};

参考：Vue3超详细的ref()用法，看这一篇就够了_vue3 ref-CSDN博客