Vue学习第一天总结（Mustache语法，Vue基本指令，动态绑定）

1. 1.Mustache语法（插值操作）
   用于在页面中插入数据{ { 这里放要插入的数据 }}
   2.Vue指令
   2.1 v-once(表示元素和组件只渲染一次，不随数据（或界面数据）改变而改变)
   2.2 v-html(当从服务器请求的数据是一串Html代码，这时会将它String类型的html指令渲染出来)
   
   2.3 v-text(和Mustache比较相似都是将数据显示在页面中，以文本形式展现数据,通常接受一个String类型)
   
   2.4v-pre(跳过对这个元素和它子元素的编译过程，用于显示原本的Mustache语法)
   
   2.5 v-cloak(斗篷，代码没有加载完不显示)
   
   2.6 v-for(变量in 数组)
   循环指令，例如
2. { {item}}
3. 
   代码解析:循环data下message数组并保存在item中，index是item下标，{ {item}}显示在页面中

v-for 遍历对象

官方推荐我们使用v-for时加入一个：key
绑定Key，要和展示的数据对应
作用：为了更高效更新虚拟Dom

2.7 v-bind（动态绑定）
2.7.1 它的简写模式(v-bind可用：代替)

2.7.2 在开发中，许多样式、类、属性需要动态绑定

2.7.3 v-bind绑定class

1. 对象绑定语法
   用法一：直接通过{}绑定一个类

<h2 :class="{'active': isActive}">Hello World</h2>

用法二：也可以通过判断，传入多个值