Vue.js下html的select设置默认选中

这两天在改Vue.js框架写的后台前端页面。遇到了个恶心的事。

想在页面加上一个select组件，数据源来自后台两个接口，分别是select的数组datas，一个是默认选中的id。后面发现不管默认的设置，都没办法设为默认的。最后发现，原来是当时写的select组件用了Select，大写的S,太坑了。 最后代码如下：
HTML:

<div class="col-md-4 col-xs-12">
<select style="width:200px" v-model= defaultSelectId @change="getSelected">
<Option v-for="item in items" :value=item.id :key="item.id">{{item.name}}</Option>
</select>

js:

export default {
 name: '',
 data() {
   return {
     items:[],
     defaultSelectId:0,
    }
}