vue2 刷新修改的数据

在 Vue2 中，修改数据后，Vue 会自动检测到数据变化并重新渲染页面。但是有时候我们需要手动触发组件的更新，让它重新渲染已经修改的数据。这时可以使用 `$forceUpdate()` 方法来强制刷新整个组件，但这种做法可能会影响性能。

Vue 提供了一个更好的方法来更新数据，即使用 `$set` 方法。`$set` 方法可以将一个新的值设置到已有的对象或数组中，同时触发视图更新。例如：

Vue.set(object, propertyName, value)

其中，`object` 是要更新的对象或数组，`propertyName` 是要更新的属性名或数组索引，`value` 是要设置的新值。这个方法可以处理 Vue 在初始化时无法监听到的属性或索引，使得修改后的数据能够被 Vue 监听到并自动更新视图。

如果是修改单个属性，也可以直接使用对象的属性赋值语法，例如：

this.someObject.someProperty = 'new value'

这样修改后，Vue 也会自动检测到数据变化并重新渲染页面。但是如果是新增属性，或者修改数组中的元素，还是要使用 `$set` 方法来保证数据变化能够被监听到。