複選資料的取得

我們來學一下當資料被複選時，可以如何取得
這次會使用的屬性有 v-model

//在 data 裡面加入一個 datas 的 list
data: {
    datas: []
},   

之後在 id = "myApp" 裡面加上標籤

//v-model 相信大家跟他不會很陌生，他會將這個 checkbox 的值傳送到 datas 這個 list 裡面
<input type="checkbox" value="data1" v-model="datas">
<label for="data1">data1</label>
<input type="checkbox" value="data2" v-model="datas">
<label for="data2">data2</label>
<input type="checkbox" value="data3" v-model="datas">
<label for="data3">data3</label>
<br>
//把所有 list 裡面有的資料全部都顯示出來
<p>{{ datas }}</p>

趕快試試看吧！