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