使用Vuetify开关更改Vuex状态

import Vue from 'vue';
import Vuetify from 'vuetify';
import Vuex from 'vuex';
import 'vuetify/dist/vuetify.css';

Vue.use(Vuetify);
Vue.use(Vuex);

// 其他Vue.js的初始化代码

new Vue({
  // Vue.js的根组件
}).$mount('#app');

// store.js

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

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    switchStatus: false
  },
  mutations: {
    setSwitchStatus(state, status) {
      state.switchStatus = status;
    }
  },
  actions: {
    updateSwitchStatus({ commit }, status) {
      commit('setSwitchStatus', status);
    }
  }
});

export default store;

<template>
  <v-switch v-model="switchStatus" label="Switch Status"></v-switch>
</template>

<script>
export default {
  computed: {
    switchStatus: {
      get() {
        return this.$store.state.switchStatus;
      },
      set(status) {
        this.$store.dispatch('updateSwitchStatus', status);
      }
    }
  }
}
</script>