Vuex以及axios

Vuex简介

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

状态？ 我们把它理解为在data中需要共享给其他组件使用的部分。

Vuex和单纯的全局对象有以下不同：

1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候，

　　若store中的状态发生变化，那么相应的组件也会相应的得到高效更新。

2、你不能直接改变store中的状态。改变store中的状态的唯一途径就是显示的

　　提交(commit)mutation。这样使得我们可以方便的跟踪每一个状态的变化，

　　从而让我们能够实现一些工具来帮助我们更好的了解我们的应用。

安装使用vuex

　　--  npm install 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/>'
});

vuex的使用一