On the data binding of vue.js drop-down box

the data bound in this way is custom, so what should I do if I want to query the background database and display the results of the query in the drop-down box? Attach html and vue.js

html:
<div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <div class="col-sm-10">
                        <select class="form-control" v-model="a.orderStatus">
                            <option v-for="item in items" v-bind:value="item.value">{{item.text}}</option>
                        </select> 
                    </div>
                </div>
vue.js:
var vm = new Vue({
    el:"-sharprrapp",
    data:{
        showList: true,
        title: null,
        a: {},
        items:[{text:"",value:"1"},{text:"-",value:"2"},{text:"-",value:"31"},
               {text:"",value:"32"},{text:"",value:"41"},{text:"",value:"42"},
               {text:"",value:"43"},{text:"",value:"44"},{text:"",value:"-1"}]
    },
Mar.20,2021

after the API gets the data, this.items = result


just add the complex value of the data to items

/ / for example, I encapsulated the request through vuex and either axios or vue-resource can
this.$store.dispatch ('getList', {id:1}
). Then ((res) = > {
this.items = res
})

.
Menu