vuex的使用

vuex 使用

1. 在vue中导入 vuex : npm install vuex --save
2. 在src中设置 router 文件夹用来保存vuex 数据

//2.1   导入vuex 
	import Vue from 'vue'
	import Vuex from 'vuex'
	Vue.use(Vuex)
//2.2 
```实例化仓库对象
	export default new Vuex.Store({
	state: {  					 //保存内容区域
        userInfo:{				//保存内容
            name:"",
            intro:"",
            photo:"",
            email:"",
            id:"",
            mobile:"",
            token:"",
        }
    },
    mutations: {				//调取的方法区      
        changeUserInfo(state,newObj){   // state  保存的内容   
        						//newObject  可以存一个数字 一个数组 一个对象
            Object.assign(state.userInfo,newObj)
            		//使用es6 新语法  userInfo  (特点会给userInfo赋值 newObj内部没有的数据不会进行赋值)
            window,localStorage.setItem('userInfo',JSON.stringify(state.userInfo))
            //使用vuex的位置都需要执行的代码段  就写到后面  
            //这里就是获取到uersInfo中的值
        }
    }
})

来源：https://blog.csdn.net/xiaochouniu1/article/details/102761250