v-on的指令
后可以写函数和代码和函数调用
v-on:click='fn/fn()/console.log(1)'这三种，当执行new Vue()会去，add...事件，如果后面是函数，直接给，如果是代码/调用的，直接把''内的判断。如果不是函数，且是调用，则将这个调用的参数记下，等调用时，调用给传这个参数。当写的是函数，但不是调用，则调用时，会默认赋e这个对象。
v-bind指令
v-bind：属性名=‘属性值’
new Vue({})时会找到v-bind的所在标签的DOM对象给她赋这个属性名的属性值。以及，赋值的时候会将属性值赋给变量。但是属性值可以是变量。因此，在innerHTML上是插值语句，在属性指令上只需要直接写就行了。
因此写这个是可以改变data内的值，来改变属性的属性值。
v-bind绑定的属性如果是css内的必须是绑定的属性名是style，
<div v-bind:style="{ width: width + 'px' }"></div>将需要绑定的css写在属性值这。
以及style绑定时需要是对象形式的，我们写的时候后面的必须是字符串，但是当内部给style这个赋值的时候，本质上是一个对象。
v-bind绑定可以绑定html上的非css的属性，绑定其他的都是简单的字符串，绑定class需要时数组或者是对象，对象内属性值是布尔类型，来判断是否添加，且这是给class属性添加了这个，之前的类还在的。因此style/class上的可以写data上的变量，因为之后肯定会在JS环境内计算。所有的与指令有关的属性值都可以写data当中的变量/methods的变量。
v-for指令
v-for写在那个标签上，则对这个标签再次创建一个一样的，且子标签都一样的，然后将item，index赋值，item是数组第一个的，index是从0开始的下标值。放在块作用域上。当这个对象的时候可以有这个变量。因此这个对象的，会创建第二个去给值，但是如果数组变了，则这个创建的也会变，但是如果只是这样，对象变的时候，会将新的数组的第一个赋给第一个对象，如果
：key=”item.id"则删除时/修改时，会找到key是这个id是这个的DOM对象。
v-model指令
这个v-model其实是将用户所看到且能输入的视图的数据，与vue实例的数据绑定上，因此v-model需要绑定在用户可以输入数据的元素上否则报错。
new Vue(),绑定了v-model后写的属性值会赋给对应的dom对象的对应的入value，checked，但是当这些值用户改变之后，会去改变原本赋给他们的变量在vue实例上的，当这个vue实例上所有的通过new vue绑定上的属性，会去看el对象上的所有的与之相关的，去改变DOM树。app上的这个更新是只要生成了，new Vue实例对象就有的，以及第一次new Vue给值也是。转成字符赋给。
指令的修饰符
在@keyup.enter上写了new vue的时候，监听时，会keyup事件，会在函数内写
if（）
v-model.trim时，会将属性值给对应的属性。以及赋值的时候，会去掉空格，前面和后面，以及当该值变得时候，会把值去空格赋给实例对象的属性。
v-model.number 会将数据给实例的时候会字符内数字转成数字。
写了stop或者provent则会在事件的函数内写上阻止冒泡和阻止默认行为的代码。
v-model
v-model赋值以及这些属性变化影响实例对象的值时这些值。
文本域和输入框，则会赋给value，当value变了，则改变model后的属性值。
复选框，和单选框会赋给checked这个属性，checked转成布尔类型true，则显示与否，当改变选中，影响checked，赋给对应的值。
下拉菜单，是赋给select的value。
