上面就是一个最基础的Vue实例，你大概可以理解为 id 为“index”的元素下的所有内容，这块可以理解为一个作用域，都交给 Vue 去处理。
那么，把创建实例的这部分代码拿出来讲解一下：
剩下的讲起来还是比较费劲的，可以去看一下官网的api文档，讲的还是很详细的。
我发现那些基础的讲起来比较费劲，好吧，我确实词比较穷，基础指令这些就不再细讲了，来上一些比较实用的吧。
1. push() : 往数组的结尾添加2. unshift() : 往数组的开头添加3. reverse() : 颠倒数组的顺序4. shift() : 删除数组开头的项目5. pop() : 删除数组结尾的项目6. splice(startIndex,num,item) : startIndex : 开始的索引； num : 影响的数据，来判定是添加还是修改； item : 要添加或者修改的对象； 比如 ： arr.splice(1,0,item) : 是要在arr索引为1的位置添加Item项目，之前在1位置的项目会后移； arr.plice(1,1,item) : 是要修改索引为1的项目，变成item;
开发的时候一般为了友好的体验，会使用键盘事件来代替一些鼠标点击事件，来看看Vue中的写法；
{{message}} //上面这种写法，修改input中的值，span中的message并不会实时的改变。
v-bind:value = 'message' v-on:input = 'message = $event.target.value'/> {{message}} //这种写法，改变input的值，span中的message会实时改变
?上面这种用法还有一种语法糖，就是v-model
v-model
{{message}} //这个和第二种写法效果是一样的
既然都说到这里了，来看一下v-model在表单中的更多的用法：
单个checked，当复选框选中与不选中时，message的值会实时改变
checked
{{message}}
当时一组checked的时候，message初始化定义成一个空数组，会实时存储被选中复选框的value值
value
hello vue hello angular hello node {{message}}
当是一组radio的时候，初始化可以定义为空字符串，会实时存储被选中的radio的value值
radio
当时一组select框的时候，v-model绑定在select上，会实时更新被选中的option的value值
select
option
:value = "option.value">{{option.value}} {{selected}}
京公网安备 11010802041100号