关于vue.js下拉框数据绑定问题

Question

这样子绑定的数据是自定义的，那如果想通过查询后台数据库，将查询的结果显示在下拉框中应该怎么做呢？附上html和vue.jshtml:<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:'#rrapp',    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'}]    },

Answer 1

调接口拿到数据后 this.items = result

Answer 2

把取到数据复值到 items 上面就好了

// 例如下面这种 我是通过vuex封装了请求 你直接axios 或者vue-resource都可以
this.$store.dispatch('getList',{id:1}
).then((res)=> {
this.items = res
})