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

v-for

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

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

<div v-for="item in items">{
  { item }}</div>
<div v-for="(item,index) in items">{
  { item }} {
  { index }}</div>
<div v-for="val in items">{
  { val }}</div>
<div v-for="(val,key) in object">{
  { val}} {
  { key }}</div>
<div v-for="(val,key,index) in object"> {
  { val }} {
  { key }} {
  { index }}</div>

也可以将in替换成of

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

<div v-for="item in items" :key="item.id">{
  { item }}</div>

v-text