vue指令v-model

他会自动去判断控件类型进行更换元素的内容。作用：给表单元素进行使用 ， 双向数据绑定 可以快速或数组表单元素的内容

什么是双向数据绑定？

双向数据绑定可以 快速的获取表单中的内容 并且可以通过控制台中的vue对表单中的内容进行添加内容。

1.数据变化 —试图自动更新

2.视图变化—数据自动更新

账户：<input type="text" v-model="username"> <br><br>
    密码：<input type="password" v-model="pasword"><br><br>

可以通过newVue中的实例化进行设置设置内容

const app = new Vue({
      el: '#app',
      data: {
        username:'',
		pasword:''
      },

常见的的表单元素都可以用v-model绑定关系快速获取表单元素的值

他会根据控件类型自动选择正确的方法进行更换属性和获取的元素        

 是否单身：
      <input type="checkbox" v-model="nan"> 
      <br><br>

vue代码

<script src="./vue.js"></script>
  <script>
    const app = new Vue({
      el: '#app',
      data: {
	username:'',		
	nan:true,		//因为他的复选框中的信息只是布尔值所以就有true进行显示或者隐藏
      }
    })
  </script>

果复选框中的内容比较多可以设置value属性中的内容如：

性别: 
      <input type="radio"name="nanw" v-model="nanw" value="1">男
      <input type="radio" name="nanw" v-model="nanw" value="2">女
      <br><br>

 vue代码

script>
    const app = new Vue({
      el: '#app',
      data: {
	username:'',
	nanw:2,	//通过v-model来 控制value的属性如果nanw中输入的是一那就显示第一条的内容
      }
    })
  </script>