定义.
vue3中不再使用data函数,而是采用ref,reactive来定义响应式的数据
ref用来存放基本数据,reactive用来存放复杂的数据
注意这两种参数的值都不能直接使用,而是使用xxx.value才能对其进行复制,而且reactive一般需要用toRefs进行转变。
传参(使用扩展运算符…)
一般来说将一个object传参给后端,直接用…obj作为参数即可,不用分开写,
但是ref和reactive是不可以直接扩展的(一般扩展都是reactive),可以采用toRefs来保存reactive里的object,之后再进行扩展,例如下面的代码:
const data = reactive({
params:{}
})
const { params } = toRefs(data)
request({
url:'xxxx',
method:'post'
data:...params.value
})

Vue3不再使用data函数,转而使用ref和reactive创建响应式数据。ref适用于基础类型,reactive用于复杂对象。访问它们的值需用.value。在传参时,不能直接扩展ref和reactive,需用toRefs转换后再扩展。例如,将reactive的对象params转换并传递给后端请求。

1万+

被折叠的 条评论
为什么被折叠?



