vue属性详解 v-text,v-model,v-on,v-bind等

参数解释：
el:挂载点
data:数据对象
methods:方法，方法中可通过this来调用data中的数据
{{ }}：差值表达式，用于获取data中的参数

v-text、v-html、v-on、v-show、v-if、v-bind、v-model详解：

1. 内容绑定：v-text,v-html
2. 事件绑定：v-on
   可简写为 @
   当有事件触发时，即方法调用等可使用
3. 显示切换: v-show、v-if
   共同点：根据表达式的真假，切换元素的显示或隐藏。 true显示，false隐藏
   不同点：
   v-show：切换的是样式，用于频繁的显示隐藏操作，原理是修改display属性。
   v-if:切换的是dom树，原理：删除节点
   
4. 属性绑定：v-bind
   可简写为 ：
   可控制属性值的更改，进而改变显示效果
5. 列表循环: v-for
   根据数据生成列表结构
   v-for="(item,index) in itemList"语句中itemList表示数据列表，item表示列表中的每一项，index表示列表索引 ，从0开始
6. 表单元素绑定: v-model
   获取或设置表单元素的值（双向数据绑定）
   即表单中输入的值《=》绑定的数据
   用于同时更改并动态显示等
   v-model=“message” 其值为属性，不是方法