vuex中的值变化 页面重新渲染_Vuex二次封装，直接渲染页面，刷新界面不丢失。...

QQ图片20200901094947.jpg

开门见山地说，我们在使用Vuex的时候，经常会遇到使用方式麻烦，刷新之后Vuex丢失等问题。

目录结构以及main.js配置.

image.png

在src文件夹中新建store文件夹，新建index.js，vuex_list.js

index.js

import Vue from 'vue';

import Vuex from 'vuex';

import {

mapState

} from 'vuex';

import vuex_list from './vuex_list'

Vue.use(Vuex);

//公共变量对象

var lifeData = {};

try {

// 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的

// lifeData = localStorage.getItem('lifeData');

if (localStorage.getItem('lifeData')) {

lifeData =JSON.parse(localStorage.getItem('lifeData'))

}

} catch (e) {

}

// 需要永久存储