vuex 如何管理动态对象？

Question

我现在有这样一个页面

其中每一行时一个Server类实例，有pingTest方法和ssTest方法，和pingTestValue属性ssTestValue属性
我将一个Server加入到Vuex中的时候，是只增加了name， ip， pingTestValue， ssTestValue 4个属性进去的，而不是把整个Server丢进去，这个类的pingTest方法是会改变自己的pingTestValue属性的，加入Vuex的东西，如果被非commit改变它的值，就会有警告和错误。

所以我给Server类增加了一个pingValueCallback来调用vuex的commit来更新vuex里面的pingValue，但是这种方式有两个问题：

1. 每个对象值变更如果要更新vuex就要做一个回调
2. 每次想要调用vuex上一个Server对象的方法，就要让Server对象和vuex里面的成员做一个映射，才能在界面上点击vuex渲染出来的成员对应到对应的对象来调用它的方法

请问有没有更好的办法处理对象和vuex呢？