Vuex-状态管理模式

什么是Vuex？

VueX是适用于在Vue项目开发时使用的状态管理工具，
在我的上一篇文章里，介绍了父组件与组件的通讯，那么问题就来了。如果一个中大型项目，我们需要传递的值就相当庞大，例如一个网站有众多子网页，但是都需要登录以后才能进入，我们不可能每一个点击都需要不断的向上一级访问权限。这时候使用Vuex来管理一些公共的属性与方法就很方便了

vue/src/store/index.js

该文件里面存储了我们需要的公共的属性与方法，在本文章中 我们以登录为例

state里面存放的user属性，登录成功以后我们使用mutations里面的方法将他赋值，通过这个’全局变量’，我们就可以知道此时的状态。

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    user: window.localStorage.getItem('currentUser')
  },
  mutations: {
    login (state, username) {
      state.user = username
      window.localStorage.setItem('currentUser', username)
    }
  },
  actions: {
  },
  modules: {
  }
})

如果没有登录直接通过网址越过登录页面，那么user的值就是空，这样服务器就可以知道这