Vue提供的addclass可以非常方便地操作DOM元素的类。下面是一个简单的例子来演示如何使用addclass。

// 创建Vue实例
var vm = new Vue({
  el: '#app',
  data: {
    isActive: false
  },
  methods: {
    toggleActive: function () {
      this.isActive = !this.isActive;
    }
  }
});

// 在模板中使用addclass
<div v-bind:class="{ active: isActive }"></div>

// 切换类
vm.toggleActive();

首先，我们需要创建Vue实例，并定义一个布尔值变量isActive。然后，我们定义了一个toggleActive方法，用于切换isActive的值。

在模板中，我们使用v-bind指令将一个对象传递给class属性，该对象具有active属性。如果isActive为true，则添加active类；否则不添加。

最后，我们可以使用toggleActive方法来切换isActive的值，从而添加或删除active类。