关于vue里面的class绑定,这个地方我按照官网做也没有渲染出结果啊?

<div v-bind:class="classObject">sadf</div>
//以上是我的html

new Vue({
data: {

classObject: {

'active': true,
'text-danger': false

}
}

})//这是我的js代码

我本来想最后在控制台渲染出来的效果是<div class="active text-danger"></div>
但是得到的结果是 <div v-bind:class="classObject">sadf</div> 这就和没渲染一样
vue官网上说的是可以得到<div class="active text-danger"></div>,这是怎么回事呢?
vue里面有很多问题我弄了半天也没明白,求大神指导一下

阅读 1.8k
2 个回答

你贴看的例子吧。我估计他就写了

<div v-bind:class="classObject"></div>

data: {
  classObject: {
    'active': true,
    'text-danger': false
  }
}

纯粹是为了举个例子,el:**你还是要写的。
而且'text-danger': false为false时,'text-danger'是不会有的吧。

new Vue({el:,}) 挂载元素写了么

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题