v-model的使用

v-model的作用实现元素或组件上的双向绑定

v-model指令只能用于：

 在input元素上使用v-model绑定，实际就是给元素的value属性赋值

在input元素和select元素使用v-model

 在上述代码中，input元素和select元素都使用v-model绑定了同一个值，

页面为：

 

 可以看到输入框和选择框的值是相互对应的，在select元素的中，绑定的v-model的number值为多少就对应着value值为多少，在option元素中，如果有对应的value值就显示

 

select元素的option元素，使用v-for实现循环数组

 在上述的代码中，创建了一个数组options，在select元素的option元素中，使用了v-model去循环这个数组，

注意：在option元素中的value属性需要写成:value，才能正确读取到循环对象item

options值的显示，可以直接使用{{item.label}},也可以在option元素的label属性赋值，同样使用:label

textarea元素和input元素大同小异，不做记录，

components在后续组件的学习中再进行记录