html上的属性被称为attribute ,可以通过 setAttribute 和getAttribute 来设置和获取。
checkbox 上的 checked 属性 在第一次设置的时候会立马变成选中状态。如:
1. 在html上直接设置 。<input type="checkbox" checked>
2. 通过 setAttribute("checked","")任意值来设置，即可变成选中状态。但是只在第一次生效，后面无论怎么设置值，chebox的选中状态都不会改变。
通过js改变checkbox 的状态可以通过 dom.checked=true|false 来设置。
dom 的属性 property 可以直接通过 dom.来访问
dom上的property 某一些可以和 attribute 对应上有些完全没有关系，这个待研究。
例如jquery 的attr 对应的就是html 上的attribute,
prop 就是对应 dom上的属性
总结Vue 中checkbox
在<input type="checkbox" v-model="ball" value="足球">足球<input type="checkbox" v-model="ball" value="篮球">篮球<input type="checkbox" v-model="ball" value="头球">头球<input type="checkbox" value="冰球" v-model="ball">冰球
ball 的值是一个数组，是选中的chekbox 的value,数组值得顺序是checkbox 选中的顺序。