vue.js:“您必须遵守以下规则：”“类”；因为类列表是错误的

就像这样

'<div class="item" :class="{'editable':canEdit}"></div>';

”；

将“canEdit”设置为false----“div”的类为“item”

“$”（“div”）.addClass（“on”）——“div”的类是“item on”

将“canEdit”设置为true----“div”的类为“项目可编辑”

---

---

问题：“div”的类为什么不是“可编辑项”

，因为您没有使用Vue将类添加到元素中。所以Vue不知道您已经向元素添加了一个新类

请参见此示例，其中我添加了一个不使用Vue的类：

newvue({
el:“#应用程序”，
模板：`
切换B
加C
`,
数据（）{
返回{
b:是的
}
},
方法：{
toggleB（）{
this.b=！this.b；
},
addC（）{
本.$refs.e.classList.add（'c'）；
}
}
});
.a{
宽度：100px；
高度：100px；
}
.b{
边框：1px纯黑；
}
c{
背景：红色；
}

因为当Vue重新呈现
时，它不知道您在外部添加了任何类。您添加了jQuery吗？班级的现状是什么？告诉我应用的类名。谢谢兄弟，但我不能使用vue添加类，因为如果我使用vue添加类，我应该定义一系列变量来维护status@Perhaps这正是你需要做的。这就是Vue背后的理念。