1.v-for
直接上代码。
示例一：
<Meta charset="utf-8">
2.索引
在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数组元素的索引：
另外，你可以为索引指定一个别名（如果 v-for 用于一个对象，则可以为对象的键指定一个别名）：
从 1.0.17 开始可以使用 of 分隔符，更接近 JavaScript 遍历器语法：
示例二：
3.在点击事件中取到索引
示例三：
<Meta charset="UTF-8">
<a v-for="(index,item) in items" v-on:click="onclick($index)" href="#">{{ item.text }}
<input type="text" name="" id="index" value=""/>
<script src="js/vue.js" type="text/javascript" charset="utf-8">
<script type="text/javascript">
new Vue({
el: 'body',data: {
items: [
{ text: '巴士' },{ text: '代驾' }
]
},methods: {
onclick:function(index){
// index.preventDefault();
console.log(index);
document.getElementById('index').value = index;
}
}
})
如果想直接传索引可以用以下方法：
示例五：
<Meta charset="UTF-8">