将数据存储在本地存储空间

时间:2017-04-27 07:57:28

标签: javascript vue.js vuejs2 vuex

我需要将应用程序数据存储在localstorage

const store = new Vuex.Store({
    state: {
        user: {
            userName:'',
            loggedInStatus: true,
            authToken: '',
            role: ''
        }
    },

    mutations: {
        addWebToken: function(state, data){
            state.user.authToken = data.token;
            state.user.role = data.role;
        },
        removeWebToken: function(state){
            state.user.authToken = '';
            state.user.role = '';
        }
    },
    methods:{
        getToken:function (){
            return  store.state.user.authToken;

        }
    }

})

我没有使用任何前端框架。我需要vuex-persistentdata cdn链接但无法在谷歌上找到它。

1 个答案:

答案 0 :(得分:0)

@Roy J已经在评论中提供了CDN链接(https://cdn.rawgit.com/robinvdvleuten/vuex-persistedstate/9d79a3e0/dist/vuex-persistedstate.min.js)。

但除此之外,您还需要将vuex-persistedstate作为插件传递给Vuex:

import createPersistedState from 'vuex-persistedstate';

const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState()]
});

在Github上阅读他们的文档:vuex-persistedstate