vue学习之表单控件绑定-（v-model指令）

v-model指令：在表单控件元素上创建双向数据绑定。

• 输入框
• 多个勾选框
• 选择列表

<template>
	<div>
		<div>表单控件绑定div>
		<div>--------------------------------div>
		<input v-model="meg">
		<div>message is:{
    {meg}}div>
		
		<div>--------------------------------div>
		
		<input type="checkbox" value="lily"  v-model="checkboxs">lily
		<input type="checkbox" value="john" v-model="checkboxs">john
		<input type="checkbox" value="jack" v-model="checkboxs">jack
		<div>check names:{
    {checkboxs}}div>
		
		<div>--------------------------------div>
		
		<div>
			<select v-model="selected">
				<option disabled value="">请选择option>
				<option>橘子option>
				<option>苹果option>
				<option>梨option>
			select>
			<div>selected is : {
    {selected}}div>
		div>
	div>
template>
<script>
   export default{
      
   	data(){
      
   		return{
      
   			meg:'helloworld',
   			checkboxs: [],
   			selected:''  		
   		}
   	}
   	
   }
script>