vue中保存登陆状态

 

  • 路由传递

   login=>index

        1.login:   this.$router.push({ path: '/index', query: { orderId: 123 } })

        2.index:在mounted函数中  this.$route.query.orderId

不隐私 安全性极低

Session储存

  1. 存值sessionStorage.setItem("userName你随便定义的",存入的值)
  2. 取值sessionStorage.getItem("userName你随便定义的")

Vue store 储存

    1.先下载安装vuex  使用命令:npm install vuex –save

    2.npm run dev启动项目

    3.在项目的src下新建一个store目录,并且在该目录下新建index.js,在index.js中写一下示例内容

vue中保存登陆状态_第1张图片

         username这种只是我自己定义的参数值另外getters,mutations里的方法名都可更改,,复杂的action,module啥的先不管

         取值this.$store.getters.getuser

         改值this.$store.commit('myuser',this.uname)

    4.src下的main.js下引入store 

vue中保存登陆状态_第2张图片

     5.到此可存储改变,但是若刷新该值还会变成初始化定义的值引入插件即可

vue中保存登陆状态_第3张图片

也可以session和vuex结合起来使用

 

 

你可能感兴趣的:(vue中保存登陆状态)