Vue 中select option默認選中的處理方法

在做泰康項目的時候有個需求就是要給select默認選中的樣式我的處理方法有兩個

1.直接將默認值給  selectedOption

<select v-model="selectedOption">
  <option v-for="option in options" :value="option">{{option.city}}</option>
</select>
js

data ()
{
  return {
    selectedOption:{cityCode:0,city:"北京"},
    selectedOption:{},
    options:[
      {
        cityCode:0,
        city:"北京"
      },{
        cityCode:1,
        city:"上海"
      },{
        cityCode:2,
        city:"天津"
      },{
        cityCode:3,
        city:"重慶"
      }
    ]
  }
}
2.在created生命期函數上給selectedOption賦值給當前需要默認的值

created (){
     this.selectedOption = this.options[1]
}