JavaScript: vue 中 select 标签 下拉列表设置默认值

JSON数据

    {
      "code":"0",
      "errmsg":"OK",
      "province_list":[
          {
              "id":110000,
              "name":"北京市"
          },
          {
              "id":120000,
              "name":"天津市"
          },
          {
              "id":130000,
              "name":"河北省"
          },
          ......
      ]
    }

Html

<select v-model="form_address.province_id">
  <option v-for="province in provinces" v-bind:value="province.id">[[ province.name ]]</option>
</select>

Vue

let vm = new Vue(
    {
        el: '#app',
        delimiters: ['[[', ']]'],
        data: {
            form_address: {
                province_id: '',
            },
            provinces: [],
        },
        methods: {
            get_areas: function (area) {
                let url = '';
                axios.get(
                    url, {responseType: 'json'}
                ).then(
                    response => {
                        this.provinces = response.data.province_list;
                        // select下拉框设定默认值
                        this.form_address.province_id=this.provinces[0].id;
                    }
                ).catch(
                    error => {
                        console.log(error.response);
                    }
                )
            },
        },
    }
)