关于vuex中赋值直接会修改store值得解决办法

lz写vue项目得时候，将用户得个人信息存入了store中，在个人中心页面直接获取store值赋值给个人中心中得表单，如下

    const userInfo = this.$store.getters.getUserInfo || {};
    this.FormData = userInfo

这样存在得问题是比如修改了电话号码，但是电话号码不符合规则并未修改成功，此时放弃修改去其他页面，再次回到个人中心时，联系方式显示得是那个不符合规则的值，此时打印也会发现，store中的值也修改了，是不符合规则的值，虽然重新登录后仍然会是原来的电话号码，但是是个bug。虽然vuex中说了只有通过mutation才能改变store中的值，但是这种属于对象赋值，一个对象值改变，赋值的对象也会改变的。

修改后

    const userInfo = this.$store.getters.getUserInfo|| {};
    this.FormData = JSON.parse(JSON.stringify(userInfo))