Javascript 更改select2输入时VueJS模型未更新

出于传统原因，我们正在使用Vue 0.12，我正在尝试使用最新版本的select2来实现标记界面。我已选择2正常工作，但标记元素的Vue模型没有更新。我对Vue（以及整个高级JS）非常陌生，如果这是一个糟糕的问题，我深表歉意。以下是我的JS的相关部分：

ready: function(){
    var self = this;
    $("#tags").select2({
        tags: true
    });

以及相关的HTML：

<select name="tags" id="tags" multiple v-model="client.tags">
<option value="test1" selected>Test1</option>
<option value="test2">Test2</option>
</select>

测试1
测试2

---

在初始页面加载时，

vm.client.tags

应与

[“test1”]

相等。但是，在向输入中添加新标记之后，

vm.client.tags

仍然等于

[“test1”]

，但是

$（“#tags”）.val（）

等于

[“test1”，“test2”]

，正如我所期望的那样。我认为现在发生的事情是，

select2

没有触发

Vue

更新模型所需的某些事件，但我不确定如何着手修复它。

请参阅使用Vue处理select2的示例。我们在这个项目上没有使用Vue 2，因此我认为这个示例不起作用。此外，该示例不适用于选定的多个值，这是标记所需的。当我使用开发工具修改代码以实现多选功能时，演示将停止工作。您的评论确实让我想到了Vue 0.12的相同示例。这肯定让我更亲近了。我仍然有一个问题，因为它不能像我需要的那样适用于多个选择。是否可以创建一把小提琴？请参阅使用Vue处理Select2的示例。我们在这个项目上没有使用Vue 2，因此我认为这个示例不起作用。此外，该示例不适用于选定的多个值，这是标记所需的。当我使用开发工具修改代码以实现多选功能时，演示将停止工作。您的评论确实让我想到了Vue 0.12的相同示例。这肯定让我更亲近了。我仍然有一个问题，因为它不能像我所需要的那样适用于多个选择。可以创建一个小提琴吗？