`Vue.set` 是 Vue.js 提供的一个全局方法，用于向响应式对象中添加新的属性，并确保新属性也是响应式的，且触发视图更新。这是 Vue 中处理动态添加属性到响应式对象的一种方式。
使用场景1. 动态添加属性：当需要在 Vue 实例的 `data` 对象中动态添加新属性时。2. 避免直接添加属性：直接向 `data` 对象添加新属性不会使其成为响应式，但使用 `Vue.set` 可以实现这一点。
语法```javascriptVue.set``` `target`：要修改的对象。 `propertyName/index`：要添加或修改的属性的名称或索引。 `value`：新属性的值。
示例假设你有一个 Vue 实例，其 `data` 对象中有一个 `items` 数组，你想动态添加一个新的元素到这个数组中：
```javascriptnew Vue }, methods: { addItem { // 使用 Vue.set 添加新元素 Vue.set; } }}qwe2;```
在这个例子中，`Vue.set` 被用来向 `items` 数组添加一个新的元素 `'cherry'`，并且这个新元素是响应式的，意味着当它的值改变时，视图也会相应更新。
注意事项1. `Vue.set` 不能用来向 `Vue` 实例的根数据对象添加新属性，因为根数据对象在实例创建时已经被转换成响应式对象了。2. 对于已经存在的属性，`Vue.set` 可以用来更新它们的值，但不会触发视图更新，因为 Vue 不能检测到对象属性的添加或删除。为了解决这个问题，可以使用 `Vue.set` 或 `this.$set`（在组件内部）来更新属性的值。
Vue.set 方法详解：原理、使用场景与技巧
在 Vue.js 开发中，响应式数据是构建动态视图的关键。Vue.js 提供了丰富的响应式操作方法，其中 Vue.set 方法是处理动态添加属性到响应式对象时的利器。本文将深入探讨 Vue.set 的原理、使用场景以及一些实用技巧。
Vue.set 的作用
什么是 Vue.set？
Vue.set 是 Vue.js 提供的一个全局方法，主要用于向响应式对象中添加一个新的响应式属性，并确保这个属性的变化能够被 Vue 的响应式系统检测到，从而触发视图的更新。
Vue.set 的原理
Vue.set 的工作原理
Vue.set 的实现依赖于 Vue 的响应式系统，具体来说是通过 defineReactive 和 Observer 来实现的。
如果目标是数组，Vue.set 会直接使用数组的 splice 方法触发相应式。
如果要更新对象属性，且这个属性不存在于对象中，Vue.set 会使用 set 函数来进行设置。
Vue.set 会先判断对象是否为响应式的，如果不是，则直接赋值即可。如果是，则继续执行以下步骤：
Vue.set 会先调用 Object.getOwnPropertyDescriptor 方法获取对象属性描述符，如果该属性已存在，Vue 就不能将其转换成响应式属性了，因此直接返回。
如果属性不存在，则调用 Object.defineProperty 方法，给该属性添加 getter 和 setter 方法，并将其转换为响应式属性。
在 setter 方法中，更新属性值时，如果新值仍然是一个对象（或者数组），则递归调用 observer 函数进行深度观测，以便对新值的变化做出响应。
Vue.set 的使用场景
Vue.set 的常见使用场景
Vue.set 主要用于以下场景：
向响应式对象添加新属性。
向数组添加响应式属性。
在组件内部动态设置数据。
Vue.set 与 Object.assign() 的区别
Vue.set 与 Object.assign() 的对比
虽然 Object.assign() 也可以用于合并对象，但它与 Vue.set 有以下区别：
响应性：Vue.set 保证添加的属性是响应式的，Vue 可以检测到变化并更新视图。而 Object.assign() 只是简单的复制属性，不会使新属性变为响应式。
数组索引：Vue.set 可以用于向数组设置响应式的索引值。Object.assign() 不能用于数组，因为它会将数组作为对象处理。
性能：Vue.set 直接修改原对象，性能更好。Object.assign() 会创建一个新对象，并将源对象的属性复制到新对象上，性能稍差。
Vue.set 的实用技巧
Vue.set 的实用技巧
在向对象添加新属性时，确保使用 Vue.set 来保证响应性。
在处理数组时，使用 Vue.set 来添加新元素，以确保数组的变化也能被检测到。
在组件内部，使用 vm.$set 来动态设置数据，避免直接修改数据导致的问题。
Vue.set 是 Vue.js 中一个非常有用的方法，它可以帮助开发者轻松地处理动态添加属性到响应式对象的情况。通过理解 Vue.set 的原理和使用场景，开发者可以更好地利用 Vue.js 的响应式系统，构建出更加动态和高效的 Vue 应用。
