效果图:
实现代码: <template><view>globalData中text的值: {{ gd.test }}<button type="primary" @click="setGD()">修改上述值为123</button>vuex中hasLogin的值: {{ testvuex }}<button @click="setVUEX(true)">修改上述值为true</button><快三大小单双稳赚买法的值: {{ 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