Vue之vuex和axios

Vuex :

vuex是一个专门为Vue.js设计的集中式状态管理架构.

状态: 可以理解为在data中需要共享给其他组件使用的部分.

Vuex和单纯的全局对象的不同:

　　1. Vuex的状态存储是响应式的.

　　　 当vue组件从store中读取状态的时候, 若store中的状态发生改变, 那么相应的组件也会得到高效更新.

　　2. store中的状态不能直接进行改变, 改变store中的状态的唯一途径就是显示的提交(commit)mutation. 这样使得我们可以方便的跟踪每一个状态的变化, 从而让我们能够实现一些工具来帮助我们更好的了解我们的应用.

注意事项 :

　　仓库中的数据建议都放在计算属性下

 

---

 

安装使用Vuex:

安装: 

　　npm install vuex

配置:

　　导入vuex: import vuex from "vuex"

　　使用vuex: vue.use(vuex)

// main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import vuex from 'vuex'

Vue.use(vuex)

Vue.config.productionTip = false

const store = new vuex.Store({
    state: {
      show: false,
    }
});

new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
});

使用方法一