vuex全局获取状态值，解决页面刷新$store.state的值会重置问题

前言：vuex状态管理,store实战使用

1. 首先在src目录下建一个store目录和store.js文件,用来存放值

2.写入值

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
  state:{
          //是否提交审核资料的状态
          review:""
      },
 export default store

3.在src下建个utils的目录和新建一个js文件

1. 写入这些代码，因为我要从后台获取状态中，导入的api就是封装好的方法，直接导入调用就行
2. 因为要把值设进全局的状态管理，所以这里我们也要把我们第一步建的文件导入进来
3. getStatusReview 这个是自己起的名字

import * as api from '../api';
import store from '../store'
//全局状态管理
export const getStatusReview = ()=>{
    api.getEnterpriseReviewStatus().then(res => {
      store.state.review = res.data.data.review
    })
}

4.在main.js导入上面那个chenBuild.js文件，这样就可以了。

import {getStatusReview} from "./utils/chenBuild.js"  //全局获取状态，防止刷新重置状态值
  getStatusReview() //调用里面的方法，全局变量

5. 页面调用

//js调用
this.$store.state.review
//页面调用
<div>{{$store.state.review}}</div>

启发文章来自：https://blog.youkuaiyun.com/qq_34450741/article/details/98400336

感谢写的很清楚的一遍文章