我正在观察vuetify宽度更改，但重新加载不会保持宽度

// width.js

const state = {
  width: null
}

const mutations = {
  setWidth(state, width) {
    state.width = width
  }
}

const actions = {
  updateWidth({ commit }, width) {
    commit('setWidth', width)
  }
}

export default {
  state,
  mutations,
  actions
}

// main.js

import Vue from 'vue'
import Vuex from 'vuex'
import width from './store/width'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    width
  }
})

new Vue({
  store,
  render: h => h(App)
}).$mount('#app')

// YourComponent.vue

<template>
  <div>
    <p>当前宽度: {{ width }}</p>
    <button @click="changeWidth">改变宽度</button>
  </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState('width', ['width'])
  },
  methods: {
    ...mapActions('width', ['updateWidth']),
    changeWidth() {
      // 在这里更新宽度的状态
      const newWidth = // 获取新的宽度
      this.updateWidth(newWidth)
    }
  }
}
</script>