1.v-for

用v-for指令根據遍歷陣列來進行渲染。

有下面兩種遍歷形式:

<div v-for="(item,index) in items"></div>   //使用in，index是一個可選引數，表示當前項的索引，常用<div v-for="item of items"></div>   //使用of

下面是一個例子，並且在v-for中，擁有對父作用域屬性的完全訪問許可權。

<ul id="app">    <li v-for="item in items">        {{parent}}-{{item.text}}    </li></ul><script type="text/javascript">    var example = new Vue({      el:'#app',      data:{        parent:'父作用域'        items:[          {text:'文字1'},          {text:'文字2'}        ]      }    })</script>

會被渲染為：

<ul id="app">    <li>父作用域-文字1</li>    <li>父作用域-文字2</li></ul>

注意：當v-for和v-if同處於一個節點時，v-for的優先順序比v-if更高,這意味著v-if將執行在每個v-for迴圈中