uniapp：vuex简单使用

1：项目中创建store目录，目录中创建index.js，如下：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
	// 存放变量
    state: {
        bannerAutoPlay:true
    },
	// 存放方法
    mutations: {
		// 设置banner 是否自动轮播
        setBannerAutoPlay(state,b){
			state.bannerAutoPlay = b;
		}
    },
	actions:{
		
	}
})
export default store

2：main.js引用，如下：

//引入vuex
import store from './store/index.js'
//把vuex定义成全局组件
Vue.prototype.$store = store


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

3：在所需事件中设置值，如下：

//设置值
this.$store.commit('setBannerAutoPlay',true);

4：在组件或页面中取值，如下：、

methods: {
	getBannerIsAutoPlay(){
		return this.$store.state.bannerAutoPlay;
	}
}