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>