如何从vue组件中在vue中更改存储文件中的全局变量

Question

I'm taking over a project and this project has a global variable defined in one of the store modules. My goal is to modify the value of this variable by creating an check boxed input area in one of my components. Thus, when the check box is checked, I'd like the value of the global variable to change. I'm having no luck doing this so far.

What I have so far is something like this:

store/modules/one.js:

const date = true

export const globalStore = new Vue({
data: {
  globalvar: date
 }

})

Then in the vue component

  <div>
    <h2>Hotel Date Check</h2>
    <input type="checkbox" id="checkbox" v-model="dateTest" v-on:change="dateType()">
    <label for="checkbox">{{ dateTest }}</label>
  </div>

methods: { 
  dateType() {
    globalStore.globalvar = false
    console.log(globalStore.globalvar)
  },
}

I can change the value of of the variable easily in the vue component but I need it changed in the Vuex store/modules/one.js and once it's changed there to affect data-making it reactive essentially. I've been wondering if I have to set up state for this to happen but hoping I'll not have to modify things to go down that route. Any ideas would be great. Thank you for the help.

Answer 1

 import { One } from 'your route'; 

Then use One.globalvar