vue中checkbox

<form action="http://www.baidu.com" method="get">

            <label for="aa">

            <input type="checkbox" v-model="hobbies" value="study code" id="aa">study code</label>

            <!-- 1個for="aa"對應一個id="aa" -->

            <label for="bb">

            <input type="checkbox" v-model="hobbies" value="play game" id="bb">play game

            </label>

            <input type="checkbox" v-model="hobbies" value="play basketball">play basketball

            <input type="checkbox" v-model="hobbies" value="reading">reading

            <input type="checkbox" v-model="hobbies" value="tourist">tourist

            </label>

            <h2>你所選擇的是:{{hobbies}}</h2>

        </form>

    </div>

</body>
<script>
    const app = new Vue({
        el: " #app ",
        data() {
            return {
                // isAgree: false,
                hobbies: [] //這里只能是數組
            }
        },
    })
</script>