Binding 使用计算属性和VueX进行样式绑定

在与VueX集成时，如何使用VueJS中的计算属性绑定样式

我遇到的问题是，在VueX应用商店发生更改后，我的样式属性没有更新

代码示例：

//VueX存储
const store=新的Vuex.store({
声明：{
分区：[
{
偏移量：0，
宽度：1，
文字：“你好，世界”
},
{
偏移量：0，
宽度：1，
文字：“你好，世界也一样”
}
]
}
});
//我的组件
{{text}}

导出默认值{
名称：“divBox”，
计算：{
文本：函数（）{
返回此.store.state.div[this.Id].text；
},
宽度：函数（）{
返回此.store.state.div[this.Id].width；
},
偏移量：函数（）{
返回此.store.state.div[this.Id].offset；
}
},
道具：['Id']
}
下面是一个如何使用vuex来完成您想要的任务的工作示例。我想你的问题在于你的商店里没有任何突变

另外，请记住，使用vuex并不意味着您需要将所有内容都放入其中，因此可以将本地数据保存在组件中。例如，组件样式信息听起来像是不需要与其他任何东西共享的东西（显然，您可能有理由将其存储在vuex中，这是有意义的）。
这是可行的！非常感谢！顺便说一句，我设置了突变->但由于某些原因，它们不能正常工作。@Nathanieldeshande如果这回答了问题，别忘了接受它作为正确答案。如果你找到了更好的答案，一定要把它贴出来。
mutations: {
  bgChange: state => state.bg='grey',
  colorChange: state => state.color='green'
}