vue动态绑定class

1.v-bind:class 一个对象，以动态地切换 class：

动态绑定active类，当isactive == index为true时使用active类

<p :class="{'active':isactive == index}">{{item.name}}p>

2.data数据中定义isactive

定义isactive并且初始化

  data(){
    return {
      isactive:0,
     }
   }

3.样式动态绑定对象

在p标签父元素上绑定了点击事件click()，点击时isactive赋值，使isactive == index，则active类生效

  methods: {
    click(index){
      this.isactive = index;
    }
  }