v-model指令
1.input绑定
2.多行文本域的绑定
3.单选框的绑定：在标签中绑定new Vue内命名的属性名称 例如下方的sex
4.复选框的绑定：v-model绑定单个复选框，绑定一个布尔值
5.绑定选择框，同理
v-model指令的修饰符
v-model指令默认触发的是input事件，当文本框的值发生变化后，立刻同步数据。
.lazy修饰符，可以将input事件转换为change事件，当文本框失去焦点后，同步数据
v-model.lazy=" name "
.number修饰符，会自动将你的输入转换为数字
v-model.number=" name "
.trim修饰符，用于去除内容将首尾的空格
v-model.lazy.trim=" name "
绑定事件
@是v-on的缩写，通过v-on:指令绑定事件，指定一个methods选项里面定义的方法
调用方法时，传的是什么参数，接的就是什么参数。
鼠标左键单击 @click=" 方法 " ；鼠标右键单击 @contextmenu =" 方法 " ；鼠标左键双击 @dblclick=" 方法 " ；
一般我们在方法中通过 e.preventdefault( ) 来阻止默认行为，在vue中，通过事件修饰符.prevent来阻止默认行为，如下图
一般我们在方法中通过 e.stopProgation( ) 来阻止默认行为，在vue中，通过事件修饰符.stop来阻止默认行为，如下图
.once修饰符，用只绑定一次事件方法，即点击效果只执行一次，后面再点击就没有效果。
.self修饰符，只能在自身元素上触发，不能再子元素上触发。（和阻止冒泡.prevent相似）
keyup与keydown键盘事件
.enter修饰符，回车时，调用事件方法
同理 .enter .tab .delete .esc .space .up .down .left .right
深度响应式
1.obj对象里面的每一个属性，都会采用 Object.defineProperty 去封装，实现响应式。所谓响应式，指的是数据发生变化后，页面自动更新。给对象后添加的数据不会采用Object.Property去封装，所以，就失去了响应式。如下文
this.obj.sex=" 男 "
vue 通过 $set 方法，给对象添加响应式属性，如下文
this.$set ( this.obj , 'sex' , ' 男 ' ) ，使用这种方法给对象后添加的属性可以再页面中响应式显示。
2.删除属性同理：this.delete( this.obj , 'age')
3.添加数组的数据 在vue中，操作数据，并触发页面更新只能使用数组的以下方法：
push,pop,unshift,shift,splice,resolve,sort
