v-for的使用

代码示例

<li :class="tab.isActive?'navigator-li-active navigator-li':'navigator-li'"  v-for="(tab,index) in tabs" :key="tab.id"
@click="choiceTab(index)">
	<a>{{tab.value}}</a>
</li>

v-for="(tab,index) in tabs"
(tab,index)中tab代表对象的别名，index代表对象的下标

:key="tab.id"代表绑定tab.id

:class="tab.isActive?‘navigator-li-active navigator-li’:‘navigator-li’"利用isActive是否为真来判断class的值

{{tab.value}}代表tab对象中value的值