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

Question

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