Vuex：Vue.js神器，一变化全调整，就像一个总司令

知道 Vuex 吗？超好用的 Vue.js 状态管理工具，能统一管理各组件的状态。只要一变化，所有组件都会自动调整，就像一个总司令似的。要是你的网页上有好几个组件都要共享一个状态怎么办？别怕，用 Vuex 分分钟解决问题。它能把这些共同状态拿出来统一管理，不管谁改了，其他组件都会自动跟着调整。简直是一大神器！

那么问题来了，怎么使用vuex？别慌张，我给你讲讲。

首先，你得创建一个vue-cli项目。这里就不详述了哈。

vue init webpack mylogin

然后，在项目中安装vuex。记得安装！

npm install vuex --save

别忘，得在src目录里建个叫store的文件夹存Vuex代码。记得找对地儿，别放错了

import Vuex from 'vuex'
import store from './store'
Vue.use(Vuex)

问题又来了，怎么在项目中引入vuex？别急，我告诉你。

const state={
 userInfo:''
}
export default state;

直接把vuex加到项目里主文件里面就搞定了呗，就能用上，其实挺容易滴~

别忘了，现在你可以随心所欲地在store文件夹里建立state.js存放东西。举个例子，如果想存用户信息这种事儿，直接把”userInfo”当作名字就行。更厉害的是，里面的值甚至能用来操纵页面切换！感觉是不是特牛？

const mutations={
 login(state,v){
  state.userInfo=v;
 }
}
export default mutations;

大家好，今天咱们来说说Vuex这个话题了！如果你觉得不错，就给我点个赞支持一下咯！有什么问题也别客气尽管提

import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import mutations from './multation'
Vue.use(Vuex);
const store =new Vuex.Store({
 state,
 mutations
})
export default store;