vue下使用select2，绑定数据问题

在select元素上应用v-model绑定数据，本来没啥问题，后来应用了select2优化样式，发现v-model不管用了。

html部分：

<select id="deviceTypeAdd" name="deviceTypeAdd" v-model="deviceTypeAdd" type="text" class="span3">
     <option value="-1">请选择报废设备类型option>
     <option v-for="(key, value) in deviceType" value="{{key}}">{{value}}option>
select>

select元素应用select2：

$('select').select2();

在浏览器看了下select2把元素渲染了成这样，怪不得绑定不了

解决

//选择的值绑定到全局变量
$("#deviceTypeAdd").on('change', function (e) {
   this.deviceTypeAdd = e.val;
});

//select选定某个默认值
watch: {
    deviceTypeAdd: function (val) {
       $("#deviceTypeAdd").select2('val', val);
    }
}