使用vuex存储用户信息到localStorage的实例
1、首先需要装vuex
npm install vuex -d
2、新建store文件夹，新建index.js， 并引入vue、vuex,代码如下：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const key = 'user'
const store = new Vuex.Store({
state () {
return {
user: null
}
},
getters: {
getStorage: function (state) {
if (!state.user) {
state.user = JSON.parse(localStorage.getItem(key))
}
return state.user
}
},
mutations: {
$_setStorage (state, value) {
state.user = value
localStorage.setItem(key, JSON.stringify(value))
},
$_removeStorage (state) {
state.user = null
localStorage.removeItem(key)
}
}
})
export default store
3、在main.js中引入store,
import store from './store/index'
new Vue({
el: '#app',
router,
store, // 引入store
components: { App },
template: '<App/>'
})
4、在登录组件中，如代码所示：
this.$message({
message: '登录成功',
type: 'success'
})
this.$store.commit('$_setStorage', {user: this.loginForm.username})
this.$router.push({name: 'Home'})
5、储存其他状态类信息，方式相同。
以上这篇使用vuex存储用户信息到localStorage的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue中使用localstorage来存储页面信息，包括了vue中使用localstorage来存储页面信息的使用技巧和注意事项，需要的朋友参考一下 今天小颖在跟着慕课网学习vue，不学不知道，一学吓一跳，学了才发现，我之前知道的只是vue的冰山一角，嘻嘻，今天把小颖跟着慕课网学习的demo，给大家分享下，希望对大家有所帮助嘻嘻。 环境搭建： 参考：vue API 超简单的Vue.j
-
问题内容： 我需要在类似json的对象中存储一些用户和文档状态信息。例如： 当用户登录或更改任何用户信息时，将从数据库中获取此信息并将其存储在会话的内存中。 我对Redis有一定的经验，我对使用它感到很满意，但是我想知道是否可以在Redis中完成以上操作而不会遇到太多麻烦。例如，这是我需要运行的一些查询： 您是否认为可以在Redis中执行上述操作，还是应该尝试使用其他方法（我认为是mongodb）
-
本文向大家介绍JavaScript使用localStorage存储数据，包括了JavaScript使用localStorage存储数据的使用技巧和注意事项，需要的朋友参考一下 1 概述 JavaScript提供2个方法在浏览器端储存数据：sessionStorage 和 localStorage。 sessionStorage：保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被
-
我需要修改网页的信息，本地使用，是他刷新后不会变成原来的样子。 新手小白，问过Ai，Ai的解决办法是使用LocalStorage。我用的chrome浏览器。 这是Ai给出的代码，使用后并没有什么变化，localStorage除了相关网站什么也没有。请问是哪里出问题了呢？ 我需要把百度一下改成百度下，使其刷新也不会消失。 我问过Ai,网上大量寻找资源，却一知半解。 我希望能够修改信息。
-
本文向大家介绍JS实现本地存储信息的方法(基于localStorage与userData)，包括了JS实现本地存储信息的方法(基于localStorage与userData)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现本地存储信息的方法。分享给大家供大家参考，具体如下： WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie
-
问题内容： 在我国，在线支付并不是一件老事，去年我第一次看到一个网络应用程序直接向本地银行帐户进行支付。 因此，我是一个新手编码的网络支付系统。 我的问题是，将信用卡信息存储到数据库中的最佳实践是什么？ 我有很多想法：加密信用卡，数据库安全性限制等。 你做了什么？ 问题答案： 不要做 只是涉及太多的风险，通常需要对您进行外部审核，以确保您遵守所有相关的当地法律和安全规定。 有许多第三方公司为您执行