vue为什么用set

Vue使用set的目的是为了实现对响应式对象的属性进行更新。

在Vue中，数据对象的响应式是通过使用Object.defineProperty来实现的。这意味着当一个对象被设置为响应式时，Vue会对该对象中的所有属性进行监听。这样，当属性的值发生变化时，Vue能够及时地通知视图更新。

然而，在某些情况下，当需要修改对象的属性时，直接进行赋值操作可能无法触发响应式更新。这是因为Vue只对已经存在的属性进行响应式处理，当我们新增一个属性时，Vue并不会自动监测到这个变化。这就是为什么需要使用set方法的原因。

通过Vue.set方法，我们可以在Vue实例中的数据对象上新增一个响应式的属性。set方法接受三个参数：对象、属性名、属性值。当我们调用set方法来新增一个属性时，Vue会立即将这个属性转换为响应式的，并且通知相关的视图进行更新。

除了新增属性之外，Vue.set方法还可以用于更新已存在的属性。例如，我们在计算属性或者方法中修改对象的某个属性值时，如果直接使用赋值操作，可能会导致属性变化无法触发视图的更新。而通过使用set方法，可以确保属性变化时能够正确地触发更新。

总而言之，Vue使用set方法的目的是为了实现对响应式对象的属性进行更新，确保属性值的变化能够被正确地监听并通知到视图。这样可以保证Vue应用的数据和视图的一致性，提升开发效率和用户体验。

1. 保持数据的响应式
   Vue的核心目标是将数据和视图进行绑定，实现数据的响应式更新。Vue通过在数据对象上使用Object.defineProperty()方法，将数据转化为getter和setter，当数据发生变化时，会自动更新绑定的视图。而使用Vue提供的set方法，可以动态添加或修改对象的属性，确保新添加的属性也能够具有响应式。

2. 处理数组的变化
   在JavaScript中，当使用索引直接修改数组时，并不能触发视图的更新。而Vue的set方法可以通过修改数组元素的索引来实现数组的响应式更新。这是因为Vue通过修改数组的原型方法，即重写了push、pop、shift、unshift、splice、sort和reverse方法，使得这些操作可以被侦测到，并触发视图的更新。

3. 避免对象属性不存在时的报错
   在Vue中，当使用双向绑定时，如果直接给对象添加一个新的属性，双向绑定是无法生效的。而使用set方法，在给对象赋值时，如果对象的属性不存在，会自动创建该属性，并将该属性转化为响应式的。

4. 可以触发用户定义的自定义侦听器
   在Vue中，除了使用计算属性和侦听器来观察数据的变化，还可以使用$watch方法进行更细粒度的观察。$watch方法可以监视特定数据的变化，并在变化时执行相应的回调函数。而通过使用set方法，可以触发这些自定义的侦听器，进而执行相应的操作。

5. 实现深层嵌套数据的响应式更新
   在Vue中，当数据对象进行嵌套时，如果中间的层级没有被访问过，那么Vue是无法将其转化为响应式的。而使用set方法可以通过访问中间层级的属性，并对其赋值，从而实现深层嵌套数据的响应式更新。这对于处理嵌套数据结构非常有用，可以确保所有数据都可以响应式更新。

在Vue中，我们使用set方法来响应式地添加或修改对象上的属性。使用set方法的好处是可以确保数据的变化能够通知到Vue的响应系统，从而及时更新视图。

下面将从以下几个方面来说明为什么要使用set方法：

1. 对象属性的变化不会触发Vue的响应系统：
   在我们使用Vue创建一个响应式数据对象时，Vue会使用一些特殊的技术来进行属性的劫持和侦听。这样当我们修改对象属性的时候，Vue会自动检测到属性的变化，并触发相应的更新操作。然而，如果我们直接使用赋值的方式给对象属性赋值，Vue的响应系统就无法检测到属性的变化，因此也无法及时更新视图。

2. 使用set方法可以确保属性的变化能够被侦听到：
   set方法是Vue实例上的一个方法，它接收三个参数：对象、属性键、属性值。当我们使用set方法给对象添加或修改属性时，它会触发Vue的响应系统，确保属性的变化能够被侦听到。

3. set方法的使用与Proxy的使用方式类似：
   Vue内部是利用ES6的Proxy对象来进行属性拦截的，而Proxy对象对于对象属性的添加和修改可以使用set方法来实现。因此，Vue框架也借鉴了Proxy的使用方式，使用set方法来实现类似的功能。

下面是使用set方法的示例代码：

Vue.set(obj, 'propertyName', value);

以上代码中，obj是一个Vue实例中的响应式对象，在这个对象上需要添加或修改属性。'propertyName'是要添加或修改的属性的键名，value是要设置的属性的值。

总结：
在Vue中使用set方法能够保证对象属性的变化能够被Vue的响应系统检测到，并及时更新视图。通过使用set方法，我们可以实现响应式地添加或修改对象上的属性。