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,
});