vue2.0学习笔记（二）--部分内部指令（v-for,v-text,v-html）

v-for

v-for用于列表渲染，基于源数据的循环渲染元素或者模板，基本语法为alias in object,为当前遍历的元素提供别名。

使用v-for的几种常见情形

{{ item }}
{{ item }} {{ index }}
{{ val }}
{{ val}} {{ key }}
 {{ val }} {{ key }} {{ index }}

也可以将in替换成of

v-for默认行为不改变整体，而是替换元素，迫使其重新排列的元素需要给其一个:key

{{ item }}

v-text

和{{ value}}类似

等价于

this is {{ text }}

v-html

将含有html标签的字符串渲染到页面

使用v-html动态渲染的任意HTML都可能会非常危险，容易导致XSS攻击,所以在实际使用的过程中只对信任的内容使用该命令，不允许用户提供的内容使用