6、v-for用于遍历元素，使用格式为v-for=”(值,键) in 遍历内容”，其遍历的内容可以是数组、对象、字符串，例如在js的data中有一个person对象，person:{name:’tony’,age:15,sex:’男’}，将其内容在页面遍历输出：
<p v-for="(value,key) in person">
{{key+':'+value}}
</p>生成结果如下：
7、v-text：向标签内注入数据，并且覆盖标签内的其他内容
8、v-html：向标签内覆盖注入HTML内容作为其子元素。例如：
<div v-html="vhtml">标签内原来内容</div>结果插入一个子div并将覆盖原内容：
9、v-bind：给标签绑定属性、类、样式等，可以缩写为冒号，例如：
<!-- 完整语法 -->
<a v-bind:href="url" rel="external nofollow" rel="external nofollow" >...</a>
<!-- 缩写 -->
<a :href="url" rel="external nofollow" rel="external nofollow" >...</a>由于vue的界面元素都是由数据驱动的，js代码从服务器获得的属性、样式等数据需要通过绑定加到HTML界面元素上，通过绑定可以更为灵活地选择要添加属性的元素。Vue并不是直接操纵元素的class，而是通过绑定一个数据到class上，然后通过数据驱动class的有无，从而改变页面的显示，这充分显示了vue数据驱动的特点。
例如给上面person对象中key为’name’的那一行信息绑定一个active类使其高亮显示：
<!--通过v-for循环遍历person数组，绑定class，如果键值为name，绑定的class='active'-->
<p v-for="(value,key) in person" :class="key==='name' ? 'active' : ''">
{{key+':'+value}}
</p>结果：
也可以使用如下方法来绑定一个类名，页面会根据变量isActive与hasError的true或false来确定是否绑定active与text-danger类，甚至可以将active设为计算属性，运算后返回true/false。
注意：绑定的属性可以用驼峰命名法或使用短横线来连接，但使用短横线要用引号引起来
