在阅读Vue 3的composition api documentation版本时，我不太明白新的合成API是如何工作的.你能解释一下data()函数go 了哪里，如果它不再被使用，用什么代替它吗？
Updated 23.10.2021:链接中的文档已经更新和扩展，在Composition API简介中提到了data()，所以这个问题现在被弃用.
在阅读Vue 3的composition api documentation版本时，我不太明白新的合成API是如何工作的.你能解释一下data()函数go 了哪里，如果它不再被使用，用什么代替它吗？
Updated 23.10.2021:链接中的文档已经更新和扩展，在Composition API简介中提到了data()，所以这个问题现在被弃用.
在新的Composition API下，您之前在data()中定义的所有变量都是从setup()函数返回的，作为带有react 值的普通变量.例如，Vue 2.0组件的数据功能如下:
data() {
return {
foo: 1,
bar: { name: "hi" }
}
}
成为Vue 3中的setup()函数:
setup() {
const foo = ref(1);
const bar = reactive({ name: "hi" });
return { foo, bar }
}
ref辅助对象为react 性包裹非对象值，reactive包裹对象.这比旧的方式更清楚地揭示了Vue的基本原理，在旧的方式中，包装"神奇地"发生在幕后，但在其他情况下会表现相同.我个人喜欢的是，你的setup()函数可以在移动中构建你的对象，同时将相关的东西放在一起，让它讲述一个连贯的故事，而不需要跳到不同的部分.