v-bind会剥离所传递的类实例对象的方法

使用计算属性将类实例对象转换为普通对象。具体代码如下：

<template>
  <div :class="computedClass"></div>
</template>

<script>
import MyComponent from './MyComponent';

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      myInstance: new MyComponent()
    };
  },
  computed: {
    computedClass() {
      return {
        'my-class': true,
        anotherClass: this.myInstance.toObject().someVal
      };
    }
  }
};
</script>

其中，MyComponent是一个类组件，具有一些方法和属性。我们在data中创建了一个实例myInstance并将其传递给子组件。但是，当我们在子组件中使用computed属性绑定类实例对象时，Vue会自动将其转换为普通对象，从而剥离掉所有的方法。为了解决这个问题，我们可以手动将类实例对象转换为普通对象。这里我们使用的是toObject()方法，因此在计算属性中我们可以调用this.myInstance.toObject()来获得一个普通对象，并使用它来绑定CSS类。