vue2 父组件调用子组件 添加class

在Vue2中，父组件可以通过ref来调用子组件的方法和属性。如果你想在父组件中给子组件添加class，可以通过ref来获取子组件的DOM元素，然后使用classList.add()方法来添加class。

下面是一个示例代码：

<template>
  <div>
    <ChildComponent ref="child"></ChildComponent>
    <button @click="addClassToChild">Add Class to Child</button>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    addClassToChild() {
      this.$refs.child.$el.classList.add('my-class');
    }
  }
}
</script>

在上面的代码中，父组件通过ref="child"来引用子组件，并在按钮的点击事件中调用addClassToChild方法。该方法通过this.$refs.child.$el获取到子组件的DOM元素，然后使用classList.add()方法来添加class。

请注意，这里假设子组件的名称为ChildComponent，并且子组件的模板中有一个根元素。如果子组件没有根元素，你可以在子组件的最外层包裹一个div元素。