用vue，如何给一个列表中的每个元素标签绑定id

来源网址：https://segmentfault.com/t/vue.js

现在我想写三个span标签，并且每个标签上都要绑定上一个id。结构现在是这样的：

<span class="tab-title" v-on:click="tab" v-for="(tabTitle,index1) in tabTitleList">{{ tabTitle.title }}</span>

JS如下：

var app3=new Vue({    el:'#app3',    data:{        tabTitleList:[            {title:'Tab1'},            {title:'Tab2'},            {title:'Tab3'}        ]    }});

如果我想绑ID的话，应该怎么写呢？

1、如果只是用索引来做id的话，可以这样做

class="tab-title" v-on:click="tab" v-for="(tabTitle,index) in tabTitleList":id="index"

2、如果id在 tabTitleList 里的话，可以这样做

class="tab-title" v-on:click="tab" v-for="(tabTitle,index) in tabTitleList":id="tabTitle.id"