Vueにおけるチェックボックスの値の配列

ここにcheckboxのグループがあるとします。チェックされたすべてのチェックボックスのvalue属性の値を配列に格納することができます。そのためには、これらのcheckboxのv-modelを配列にバインドする必要があります。それでは、やってみましょう。配列を持つプロパティを宣言します：

javascriptdata() {
  return {
    arr: [],
  }
}

この配列をcheckboxグループにバインドしましょう：

App.vue<template>
  <input type="checkbox" v-model="arr" value="v1">
  <input type="checkbox" v-model="arr" value="v2">
  <input type="checkbox" v-model="arr" value="v3">
</template>

Задание 1

複数のcheckboxを使用して、ユーザーにどの言語を知っているか尋ねてください。得られた値を配列に格納してください。

Задание 2

前のタスクで得られた言語の配列を、ulリストとして出力してください。