普通选项卡组件
<div id="app">
<b-tab :list="carList"></b-tab>
</div>
<script>
Vue.component('b-tab', {
props:["list"],
template:`
<div class="tabs">
<ul class="flex tab">
<li @click="activeIndex=i" :class="{active:activeIndex===i}" v-for="(item,i) in list">{
{item.title}}</li>
</ul>
<ul>
<li v-show="activeIndex===i" v-for="(item,i) in list">{
{item.content}}</li>
</ul>
</div>
`,
data() {
return {
//高亮索引
activeIndex:0
}
},
})
new Vue({
el:"#app",
data(