uniapp中使用GlobalData和Vuex

效果图：

实现代码：

<template>
	<view>
		globalData中text的值: {{ gd.test }}
		<button type="primary" @click="setGD()">修改上述值为123</button>
		vuex中hasLogin的值: {{ testvuex }}
		<button @click="setVUEX(true)">修改上述值为true</button>
		<button @click="setVUEX(false)">修改上述值为false</button>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex';
export default {
	data() {
		return {
			gd: {}
		};
	},
	computed: {
		...mapState(['testvuex'])
	},
	methods: {
		...mapMutations(['setTestTrue', 'setTestFalse']),
		setGD: function() {
			getApp().globalData.test = '123';
		},
		setVUEX: function(isTrue) {
			if (isTrue) {
				this.setTestTrue(this.$store.state);
			} else {
				this.setTestFalse(this.$store.state);
			}
		}
	},
	onShow() {
		this.gd = getApp().globalData;
	}
};
</script>

其中，store/index.js内容如下：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
	state: {
		testvuex: false
	},
	mutations: {
		setTestTrue(state) {
			state.testvuex = true
		},
		setTestFalse(state) {
			state.testvuex = false
		}
	}
})

export default store