vue watch 监听className

在Vue中，可以使用`watch`选项来监听数据的变化。当指定的数据发生变化时，可以执行相应的回调函数。

如果你想监听`className`的变化，可以在Vue组件的`watch`选项中添加一个属性，该属性的名称应与你要监听的数据相同。然后，指定一个回调函数来处理数据变化时的逻辑。

下面是一个示例代码：

Vue.component('my-component', {
  data() {
    return {
      className: 'my-class'
    }
  },
  watch: {
    className(newVal, oldVal) {
      // 处理className变化的逻辑
      console.log('className发生了变化', newVal, oldVal);
    }
  }
})

在上面的代码中，当`className`发生变化时，会触发`watch`选项中定义的回调函数。回调函数接收两个参数，分别是新值和旧值。

你可以根据具体需求，在回调函数中编写逻辑来处理`className`变化时的操作。