localStorage中传入的对象怎么是[object Object]

写在前面：

localStorage的用法：

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sugerinaflat/article/details/121616462

出现的问题：

vuex中的state对象中数据如下：

  userInfo:{
      user_code:'',
      user_email:'',
      user_id:'',
      user_name:'',
      user_password:'',
      user_pic:'',
      user_tel:'',
    },

用户登录之后将用户信息传入localStorage：

localStorage.setItem('userInfo', newuserInfo);

再想获取数据时：localStorage.userInfo返回'[object Object]'

问题解决：

原来 localStorage仅保存字符串，必须使用JSON.stringify()保存对象，JSON.parse再次解析为json

 localStorage.setItem('userInfo',  JSON.stringify(newuserInfo));

获取数据：

 this.userlist = JSON.parse(localStorage.userInfo);