当前位置: 首页 > news >正文

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


http://www.mrgr.cn/news/75088.html

相关文章:

  • 7.4、实验四:RIPv2 认证和触发式更新
  • openresty入门教程:rewrite_by_lua_block
  • sql专题 之 where和join on
  • 国标GB28181视频平台EasyCVR私有化部署视频平台对接监控录像机NVR时,录像机“资源不足”是什么原因?
  • The 3rd Universal CupStage 15: Chengdu, November 2-3, 2024(2024ICPC 成都)
  • 图像处理实验四(Adaptive Filter)
  • YZ系列工具之YZ10:VBA_梦幻图像
  • Orleans Stream测试
  • 大数据新视界 -- 大数据大厂之 Impala 性能飞跃:动态分区调整的策略与方法(上)(21 / 30)
  • python语言基础-4 常用模块-4.12 namedtuple(名称元组)
  • 第12章 系统部署
  • 一道C语言关于距离的期末题及答案
  • 光伏储能微电网协调控制器
  • 20241114给荣品PRO-RK3566开发板刷Rockchip原厂的Android13下适配RJ45以太网卡
  • STM32学习笔记-----UART的概念
  • 远程开发测试必看:如何在群晖NAS上运行网页版Ubuntu
  • Docker 篇-Docker 详细安装、了解和使用 Docker 核心功能(数据卷、自定义镜像 Dockerfile、网络)
  • 三、模板与配置(上)
  • springboot学科竞赛管理(代码+数据库+LW)
  • P10901 [蓝桥杯 2024 省 C] 封闭图形个数
  • 【话题讨论】AI赋能电商:创新应用与销售效率的双轮驱动
  • 【AiPPT-注册/登录安全分析报告-无验证方式导致安全隐患】
  • python 字典 详解
  • 分享个好玩的,在k8s上部署web版macos
  • 【debug】QT 相关问题error汇总 QT运行闪退 QT5升级到QT6注意要点
  • QSerialPort高频接收数据不完整的问题