为什么要在vue.js中使用类和样式

Question

我想知道为什么有些代码在vue.js中使用类和样式

任何人都可以让我知道，我知道何时按类和样式应用CSS的用法。这是同样的原因吗？

Answer 1

如果我理解正确，你会试图理解Vue中课程的目的。你说这个类可以用作样式的选择器。但是在Vue中，使用语法

绑定到类

:class 

允许您应用动态样式，这对于操作特定元素非常有用。

以你提供的例子为例，

:class="{ completed: todo.completed, editing: todo == editedTodo }"

这就是说，如果todo.completed是真实的，那么应用完成的＆＃39;样式或者如果待办事项等于editedTodo的值，则应用＆＃39;编辑＆＃39;样式。

通常，这些样式将在Vue组件上定义，但也可以使用：style绑定在线更改。

Vue文档清楚地说明了这一点：

https://vuejs.org/v2/guide/class-and-style.html

另外，应该注意class和：class可以在一个元素上共存。