• vue2和vue3中好用的数据重置方法

    前言

    我们在做一些数据查询的时候，往往会有重置按钮，这个时候，如何把数据快速重置回初始数据就是一个问题了。

    基础重置

    对于前端初学者来说，大部分人会选择把data里的数据重新赋值一遍，如：

    这么做并不是什么好的选择，因为如果查询字段过多，就会显得代码很冗余。

    Vue2中数据重置最佳实践

    vue2中我们可以使用一种依赖于选项 API 内部的解决方法$options

    短短的一行代码就实现了数据重置，更不用关注listQuery里有多少字段，优雅而便捷。

    Vue3中数据重置最佳实践

    vue3我们更倾向于使用组合式API,而不是在vue3里继续使用vue2的选项式API语法；所以vue2中$options就没法直接使用了。我们在这里推荐一种可重用函数的写法，也十分实用。

    可重用函数既可以用来定义初始数据，也可以用来重置数据，是不是也显得很优雅。

    大家赶快在项目里运用起来吧～

  • 相关阅读:
    resnet解释--突破层数理论限制
    git提交时会将target也提交
    Idea 中 Git 不提交当前分支修改代码并切换分支
    计算二进制中1的个数
    循环神经网络
    一种词库的比对、保存方式
    acwing算法基础之搜索与图论--匈牙利算法求二分图的最大匹配数
    基于SpringBoot框架的古风乐曲网站的设计与实现毕业设计源码271611
    js中 | 0 (竖线)
    测试工程师面试之项目介绍
  • 原文地址：https://blog.csdn.net/yxlyttyxlytt/article/details/134014543