vuex中通过computed赋值遇到的一个对象展开符...mapState

mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 computed 属性。但是自从有了对象展开运算符：...，我们可以极大地简化写法 。

如果没有...，那么此时computed最终返回的对象的一个属性将是mapState对象，这不符合computed的格式，它的属性不应该为对象，所以使用...是为了把mapState对象融合进computed最终返回的那个大对象中，variables最终展现在大对象中也是key-value形式的属性。