vuex模块化的使用

1、创建store，并导出store实例

import Vue from 'vue';
import Vuex from 'vuex';
import audio from './audio/audio.js';

//使用vuex
Vue.use(Vuex);

//实例化vuex
const store = new Vuex.Store({
	//模块化注册 使用模块化更清楚明了
	modules:{
		audio
	}
})


//导出去
export default store

2、在main.js中引入store实例

import store from 'store'
// 把vuex挂载到原型里面
Vue.prototype.$store = store;

const app = new Vue({
	store,
	...App
})

3、创建一个文件夹放store数据

export default{
	state:{
		num:1
	},
	getters:{
		
	},
	mutations:{
		
	},
	action:{
		
	}
}

4.使用store的数据

this.$store.state.audio.num