I want to use some of the constants defined in state to assign default values to the drop-down box and v-model this variable in the data of the component, what should I do?

I"m going to assign the default value of 1 to the value of the drop-down box and bind this variable;

<select v-model="selectValue"></select>

but just let

data(){
   return{ selectValue:1 }
}

this type of writing is not readable, so I want to declare a constant, because many pages use this constant,
, so I put it in the state of vuex;

state: {
    // 
    SINGLE_GAME: 1
}

then I introduce state,data directly into the component

data(){
   return{ selectValue:this.SINGLE_GAME }
}

this way of writing is more readable;

but cannot assign a value to selectValue, but in

created()

method

this.SINGLE_GAME

but you can print out the value;

then I don"t know what to do,

because I"m going to use

v-model

bind this variable, so you should not use

computed

Mar.03,2021

The value of computed cannot be taken in

data () , because computed depends on data

but in created () , both data and computed are ready, so you can assign it manually in created:

created () {
  this.selectValue = this.SINGLE_GAME
}

Previous: The problem in react

Next: Vue node webpack, what on earth are these relationships?