将数据存储在本地存储中答案

【问题标题】：Store data in local storage将数据存储在本地存储中
【发布时间】：2017-04-27 07:57:27
【问题描述】：

我需要将应用程序数据存储在本地存储中

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 链接，但在 google 上找不到。

【问题讨论】：

你想在本地存储哪些应用数据？
我在上面提到的那个。 Vuex 商店。目前它将其存储为全局变量，我想将其存储在 localStorage 上，以便在刷新数据时不会丢失。
这是您要找的吗？ cdn.rawgit.com/robinvdvleuten/vuex-persistedstate/9d79a3e0/dist/…Vuex-persistedstate

标签： javascript vue.js vuejs2 vuex

【解决方案1】：

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

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

import createPersistedState from 'vuex-persistedstate';

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

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

【讨论】：