radio vs checkbox

延续昨天的v-model绑定，昨天我们知道他可以绑定input, textarea和select elements三个tag，其中input除了文字输入框还有Checkbox和Radio也就是我们的多选框和单选框，而textarea指的是多行的文字，select指的是下拉式选单
我们先从官网上来看看这些是使用什麽属性和事件吧!

v-model internally uses different properties and emits different events for different input elements:

text and textarea elements use value property and input event;

checkboxes and radiobuttons use checked property and change event;

select fields use value as a prop and change as an event.

从官网中我们可以知道text和textarea这两个是利用input的value属性和input事件，而checkboxes和radiobuttons是利用checked属性和change事件，最後select是利用select的value和change事件

那麽Checkbox和Radio又有什麽不同的呢?
最明显的差异是Checkbox是多选框，Radio是单选框，接着我们用两个例子开启Console来比较看看他们还有什麽不一样的地方吧!
先来看看checkbox的范例

这里我们可以看出在多选框的checkbox范例中，当使用者点选後它会是boolean值;在使用checkbox要注意的是如果我们有多笔资料时，我们的资料一定要记得用阵列来存放喔!