使用vue.js構造modal組件的方法是使用 v-model 指令：
v-model 指令在表單控件元素上創建雙向數據綁定。根據控件類型它自動選取正確的方法更新元素。
比如，多個勾選框，綁定到同一個數組：
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<input type="checkbox" id="john" value="John" v-model="checkedNames">
<label for="john">John</label>
<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
<label for="mike">Mike</label>
<br>
<span>Checked names: {{ checkedNames | json }}</span>
new Vue({
el: '...',
data: {
checkedNames: []
}
})
輸出結果