刚开始写vue不知道可以这么,可把人难死了,还好方法总是学会的;
<div id='app'>
<div class='app-div'>
<div class='div'v-for='(item,i) in mesgg' :class='{"ye":i==sum}' v-on:click='show1(i)'>{{item}}</div>
</div>
<div class='show' v-for='(item,i) in msg' v-show='i==sum'>{{item}}</div>
</div>
<script src='js/vue.js'></script>
<script>
const Vw=new Vue({
el:'#app',
data:{
sum:0,
mesgg:['首页','热门','精选'],
msg:['首页','热门','精选'],
temp1:true,
},
methods:{
show1:function(i){
this.sum=i;
}
}
})
效果