用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"