前端魔法：掌握动态 class，让网页元素随心所欲

前言

当你动态的添加类名，在某个变量匹配需求时自动切换到某个类名，实现其对应的效果。这个过程就是我们常说的动态 class，今天就和大家一起聊聊前端中的动态 class。

一、对象语法

1.1 绑定单个 class

我们可以传给 v-bind:class 一个对象，以动态地切换 class，如下案例：