vue2 ref数据更新

Vue 2中的`ref`是响应式数据容器，用于存储组件内部的可变数据。当你更新`ref`所指向的数据时，Vue会自动检测到变化并更新视图。主要有以下几种情况：

1. 直接修改`ref.value`: `ref`实际上是一个读写属性，可以直接通过`.value`字段来改变其值，如`this.myRef.value = newValue`。

2. 在函数中返回新的引用: 如果你在函数里返回了一个新变量，并将它赋给`ref`，Vue也能感知这个变化。例如，`this.myRef = this.calculateNewValue()`。

3. 数组操作：对于数组类型的`ref`，Vue支持直接使用数组的方法进行增删改查操作，如`this.myArrayRef.push(newElement)`。

4. 对象的深度变更: 如果对象结构发生变化，比如添加、删除属性，Vue通常可以检测到这种深层次的变化。

更新`ref`后，Vue会在下次DOM渲染循环中处理变更，使其同步到视图上。但需要注意的是，手动触发`$forceUpdate()`或`$emit('update:value')`可以强制立即更新视图。