为什么 v-bind:class 不工作？

Question

我在 VueJS 中学习 v-bind:class 但我遇到了一些问题。这是我的代码

 var myApp = new Vue({
  el: "#result",
  data: {
    isActive: true
  }
});

 .red {
  color: red
}

 <script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js"></script>
<div id="result">
  <p v-bind:class="{red: isActive}">Hello</p>
</div>

我上面的代码有什么问题吗？因为我希望结果是

<div class="red"></div>

提前致谢！

原文由 DunDev 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

清楚你 cache 它会完美地工作。

在浏览器隐身模式下检查它。

原文由 Mr. Perfectionist 发布，翻译遵循 CC BY-SA 4.0 许可协议