重置事件的问题 或者 数据改变视图层不更新的原因！

场景：

点击重置按钮时，第一次重置成功，第二次点击重置不生效

这里我是在created时期进行一个对象的拷贝，

 

 然后一开始我是这样子的，就出现我只能实现第一次重置的问题，后面加上一个拷贝自身就解决了

 原因是：

拷贝自身的原因可能是为了确保this.queryParams和this.xinqueryParams是不同的对象，即使数据发生了变化，视图也会更新。这是因为Vue.js在检测数据变化时是通过比较引用来实现的，如果引用对象没有发生变化，则不会触发视图更新。

在上述代码中，第一行this.queryParams=this.xinqueryParams实际上是将this.queryParams和this.xinqueryParams指向了同一个对象，当this.xinqueryParams发生变化时，this.queryParams也会发生变化，但这不会触发视图更新。

为了解决这个问题，第二行使用了对象展开运算符{ ...this.xinqueryParams }来创建一个新的对象，它与this.xinqueryParams具有相同的键值对，但是是一个全新的对象。这样一来，即使this.xinqueryParams发生了变化，this.queryParams仍然指向的是之前的对象，因此视图会正确地更新。

总而言之，拷贝自身的目的是为了确保在数据发生变化时，引用对象不发生变化，以触发视图更新。