请问老师看看哪里错了

<template>
  <div>
    <!-- 值绑定 -->
    <!-- 单选框值绑定 vm.b=vm.a -->
    <!-- 控制相同的单选框，不同的value随时可改变 -->
    <input type="radio" :value="aa" v-model="b">选择1
    <input type="radio" :value="bb" v-model="b">选择2
    <input type="radio" :value="cc" v-model="b">选择3
    <p>{{b}}</p>
    <!-- 多选框值绑定 -->
    <!-- true-value选中时候的toggle值 false-value没选中时候的value值 -->
    <input type="checkbox" v-model="toggle" true-value='aaa' false-value='dd'>
    <input type="checkbox" v-model="toggle" true-value='bbb' false-value='ee'>
    <input type="checkbox" v-model="toggle" true-value='ccc' false-value='ff'>
    <p>{{toggle}}</p>
    <!-- select值绑定 -->
    
  </div>
</template>
<script>
export default {
  data() {
    return {
      aa: "单选框值绑定",
      bb: "单选框绑定",
      cc: "单选框",
      aaa: "多选1",
      bbb: "多选2",
      ccc: "多选3",
      b: "",
      dd: "no",
      ee: "no2",
      ff: "no3",
      toggle: []
    };
  }
};
</script>
<style>
</style>

老师这是我自己写的demo，请问为什么多选框有bug？这是怎么回事？