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

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.kler.cn/a/394626.html

相关文章:

  • 批量从Excel某一列中找到符合要求的值并提取其对应数据
  • 现代无线通信接收机架构:超外差、零中频与低中频的比较分析
  • 行业类别-金融科技-子类别区块链技术-细分类别智能合约-应用场景供应链金融课题
  • 前端vue 列表中回显并下拉选择修改标签
  • Java NIO 深度解析:构建高效的 I/O 操作
  • 开源模型应用落地-qwen模型小试-Qwen2.5-7B-Instruct-tool usage入门-Qwen-Agent深入学习(四)
  • MATLAB中round函数用法
  • 用接地气的例子趣谈 WWDC 24 全新的 Swift Testing 入门(三)
  • 工程化实战内功修炼测试题
  • 深度学习笔记14-卷积神经网络2
  • C语言实现3D动态爱心图形的绘制与动画效果
  • 抖音小程序蓝海冷门玩法,前期搭建好后期自动变现模式解析!
  • 【IT人物系列】之Spring创始人
  • 计算机网络 (1)互联网的组成
  • AI赋能电商:提升销售效率与用户体验的新引擎
  • 飞腾平台Arm NN软件栈安装使用指南
  • 钉钉小程序 - - - - - overflow无效?
  • APEX高性能减速机MG/MGH系列 高负载应用下的精准动力传输
  • Linux sed 的多个用法
  • 微信小程序 — 农产品供销系统
  • 无人机应用场景:石油管道巡检技术详解
  • 经典文献阅读之--DROID-SLAM(完美的深度学习slam框架)
  • 使用Java爬虫获取商品订单详情:从API到数据存储
  • STM32完全学习——系统时钟设置
  • 从华为到创业公司
  • 蓝桥杯竞赛单片机组备赛【经验帖】