Vue.js 中的 class 与 style 绑定有哪些方式?

Vue.js 中的 class 与 style 绑定方式如下:

对象语法:可以通过对象语法将样式绑定到元素的 class 或 style 属性。例如:

<!-- 绑定 class -->
<div :class="{ active: isActive, 'text-danger': hasError }"></div>

<!-- 绑定 style -->
<div :style="{ fontSize: size + 'px', color: activeColor }"></div>

数组语法:可以通过数组语法将多个 class 绑定到元素。例如:

<div :class="[activeClass, errorClass]"></div>

绑定到组件:可以通过 props 将 class 和 style 传递给子组件,然后在子组件中绑定到相应的元素。例如:

<my-component :class="classObject" :style="styleObject"></my-component>