vue2转vue3笔记

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

定义.

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
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值