VueJS Forms

Checkboxes

You can bind chekbox values to a single array field, just by binding to the same data field which is an arrray

Radiobuttons

Vue will recognise if they are bound to the same model field and will ensure only 1 is selected at a time

Select

Populate a select and set a default

    <option v-for="priority in priorities" :select="priority == 'Medium'"></option>

What does v-model actually do

`v-model='x'`

Is really just a shortcut for binding the value field and input events

    :value="x"
    @input="x = $event.target.value"

Creating our own form component

2 THings are required

Needs to accept a value prop

and need to emit an input event

More Forms info at Vue