<ul>
<li v-for="tab in tabs" :class="{ 'is-active': tab.isSelected}">
<a :href="tab.href" @click="selectTab(tab)">{{tab.name}}</a>
</li>
</ul>
script
selectTab(selectedTab) {
this.tabs.forEach(tab =>{
tab.isSelected = (tab.name == selectedTab.name)
})
}
1.设定一个主题变量
2.在index.html中添加link标签，初始化一个主题文件
3.在Vue组件中进行动态切换
