vue中重置对象的好使方式(封装好的函数,可直接食用)

这里是封装了两个个简易的函数,巨好用,也简单。

一、重置ref对象

1.程序

function useResetRef(value, objName, resetName) {
   const obj = ref(value())
   const reset = () => {
      obj.value = value()
   }
   return {
      obj,
      reset
   }
}

2.使用方式:

const { obj: fromData, reset:resetFrom } = useResetRef(() => ({
   a: 1,
   b: 2
}))

二、重置reactive对象

1.程序

function useResetReactivate(value) {
    const obj = reactive(Object.assign({}, value));
    const reset = () => {
        Object.assign(obj, value);
    };
    return {
        obj,
        reset,
    };
}

2.使用方式

const { obj, reset: resetObj } = useResetReactivate({
    a:1,
    b:2,
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值