vuex中如何使用$set或其替代方案。

Question

场景是这样的，许多组件在vuex中共享一个全局状态，如：

attrTree: {
  el: 'ele-drag',
  attrArray: [{el: 'div'}]
}

这个attrTree的attrArray属性值的个数是不确定的，如果我直接

attrTree.attrArray[1]= {el: 'div'}

则其他组件并不能响应其变化，而使用

attrTree.attrArray.$set(1, {el: 'div'})

则报出is no a function，
请问要如何写才能使得增加的玩意自动响应到视图中呢？

Answer 1

https://vuejs.org/v2/guide/li...

// Array.prototype.splice
example1.items.splice(indexOfItem, 1, newValue)