$set和维集有什么区别？

Question

我仔细阅读了Vue文档“深度反应性”和vm的API。$set和Vue.set但我仍然很难确定何时使用哪个。能够区分两者对我来说很重要，因为在我当前的Laravel项目中，我们动态地设置了对象的许多属性。

文档中的区别似乎在于vm使用的语言。$set是“用于Vue实例”,而Vue.set是“用于普通数据对象”,并且Vue.set是全局的:

但是，有一些方法可以添加属性，并在创建实例后使其具有反应性。

对于Vue实例，可以使用$set(path，value)实例方法:

vm.$set('b', 2)
// `vm.b` and `data.b` are now reactive

对于普通数据对象，可以使用全局Vue。设置（对象、键、值）方法：

Vue.set(data, 'c', 3)
// `vm.c` and `data.c` are now reactive

最后，我想知道执行上述操作的第3个“选项”（即一次添加多个属性）是否可以用作上述2个选项中的任何一个的等效替代品（通过仅添加1个属性而不是多个）？

有时，您可能希望为现有对象分配一些属性，例如使用Object.assign（）或_扩展（）。但是，添加到对象中的新属性不会触发更改。在这种情况下，使用原始对象和混音对象的属性创建一个新对象：

// instead of `Object.assign(this.someObject, { a: 1, b: 2 })`
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

Answer 1

发现使用向对象添加多个属性。$set（）只有在运行良好时，也许Vue首先将这些添加的属性收集到一个序列中，然后将这些序列应用于getter和setter；例如。

Vue.set(this.b,'first','first');
this.b.second = 'second';
this.b.third = 'third';
this.b.fourth = 'fourth';

“第二”、“第三”、“第四”是作为“第一”的反应性

Answer 2

简单来说，两者都是相同的，$set在组件（实例）中可用，如this.$set（），其中Vue.set是全局可用的静态方法。

this.$set(someobject, 'key', 'value')

Vue.set(someobject, 'key', 'value')

Answer 3

以下是Vue.set的发布说明：

Vue不再用$set和$delete方法扩展Object.prototype。这导致在某些条件检查中依赖这些属性的库出现问题(例如Meteor中的minimongo)。而不是对象。$set(键，值)和对象。$delete(key)，使用新的全局方法Vue.set(object，key，value)和Vue.delete(object，key)。

因此，.$set以前在所有对象上都可用 - 现在它仅在视图模型本身上可用。因此，Vue.set 现在用于那些情况下，当你有一个对一个反应式对象的引用，但没有一个引用它所属的视图模型。