关于state，localStorage,vuex存储登录状态区别（个人学习贴）

本帖子是个人学习记录贴，近期学习后端复习到这个部分，发现对之前掌握并不熟练，尝试写下此文记录方便日后查看

全文以登录界面为例（vue框架）

三种方法写在如下代码块中，最终选择localStorage的存储方式，区别如下

doLogin() {

      // 使用axios发送异步请求

      // post(url, data), url请求的地址，data提交的数据

      if (this.username == "") {     //判断用户是否输入用户名

        this.errorClass = true;

        this.$message.error('请输入用户名');

      } else if (this.password == "") {         //判断用户是否输入密码

          this.$message.error('请输入密码');

      } else {

        let url =

          "http://localhost:3000/login";       //本机后端代码

        this.axios.post(url, {                 //post方法将输入数据传入后端

            uname: this.username,

            pass: this.password,

          })

          .then((res) => {

            let result = res.data;      //后端返回数据

            let {username,avatar}= result;  //es6中解构赋值获得resul