Vue.js “如何替换”；v-bind:class"；在呈现函数中使用纯JavaScript的模板功能？

或者有没有其他更简单的方法可以不用普通的JavaScript来实现这一点？？？所以，我不明白如何将CSS类的对象绑定到我想用render函数创建的模板。我只有一种方法，我必须使用纯javascipt？或者我可能不理解文档中的某些内容，Vue提供了一些现成的解决方案

我需要获得与渲染函数相同的效果，如下所示：

<template>
    <h1 v-bind:class="myClass"></h1>
</template>
<script>
    export default { 
      data(){
          return:{
              myClass: true,
          };
      }
    }
</script>

导出默认值{
数据（）{
返回：{
myClass:没错，
};
}
}

如果您想应用“myClass”类，您应该这样做：

<template>
  <h1 :class="{myClass: isActive}"></h1>
</template>
<script>
    export default { 
      data(){
          return:{
              isActive: true
          };
      }
    }
</script>

导出默认值{
数据（）{
返回：{
是的
};
}
}

请参见vue文档：

如是

export default {
  data(){
    return {
      myClass: true,
    }
  },
  render(h){
    const data = {
      'class': {
        myClass: this.myClass
      }
    }
    return h("h1", data, "Hello World")
  }
}

看这里

你可以看到这是反应性的

export default {
  data(){
    return {
      myClass: true,
    }
  },
  methods:{
    clickHandler(){
      this.myClass = !this.myClass
    }
  },
  render(h){
    const data = {
      'class': {
        myClass: this.myClass
      }
    }
    return h("h1", data, [
      "Hello World",
      h("button", {on: {click: this.clickHandler}}, "Toggle")
    ])
  }
}

---

你不明白这个问题。我知道应该像你刚才说的那样，用平常的方法把它捆起来。在我的情况下，使用渲染函数创建元素不会产生同样的效果。@yev，谢谢。我纠正了那个错误。但这是你误解我问题的主要原因吗？对我的问题的解释：我知道hove可以像我展示的那样，用“v-bind”以通常的方式绑定它。在我的例子中，使用Render函数创建元素不会产生相同的效果。如何/在何处使用渲染函数内的CSS类绑定我的对象？有没有办法做到这一点？怎么做？我已经试过了。它提供了将对象和类放在元素中的机会。但它不像通常的“v-bind”那样具有反应性。我想说的是，如果您要更改“class”属性的值，则不会自动在HTML元素中进行更改。@EvgeniyMiroshnichenko如果您希望它是被动的，那么您可能需要通过属性传递是否设置它。@EvgeniyMiroshnichenko我修改了示例，它肯定是被动的。单击该按钮，更改myClass，重新渲染。@BeartEvans在我的情况下，我希望以反应式方式处理data（）属性。因为，具有类的对象的状态/值取决于内部计算component@EvgeniyMiroshnichenko我更新了示例，使其完全根据数据更改了类。在任何情况下，你都可以看到它仍然有效。我不确定你的问题是什么。