src-非模块案例

每一个Vuex应用的核心就是Store（仓库），我们可以说Store是一个容器，Store里面的状态与单纯的全局变量是不一样的，无法直接改变Store中的状态。想要改变状态需通过mutation去修改

创建文件夹store与src根目录下，建立index.js。需包含actions，mutations，state结构如下：

// 引入vue
import Vue  from 'vue'

// 引入vuex
import Vuex from 'vuex'

// 应用vue插件
Vue.use(Vuex)

// actions响应组件中的动作
const actions = {
}

// mutations操作数据state
const mutations = {
	
}


// 准备state存储数据
const state = {
   //状态对象
}

// 创建store并导出
const store = new Vuex.Store({
	actions,
	mutations,
	state,
})
//默认导出store
export default store

 引入store 

在main.js中引入store，全局组件都可以使用vuex。

import store from './store'

new Vue({
  render: h => h(App),
  store,
  // 安装全局事件总线