1.动态控制class
语法 :class = "对象/数组"
① 对象 → 键就是类名,值是布尔值。如果值为 true,有这个类,否则没有这个类
② 数组 → 数组中所有的类,都会添加到盒子上,本质就是一个 class 列表
适用场景:一个类名,来回切换 适用场景:批量添加或删除类 :class="['pink', 'big']"
2.操作style
语法 :style = "样式对象"
适用场景:某个具体属性的动态设置
语法 :class = "对象/数组"
① 对象 → 键就是类名,值是布尔值。如果值为 true,有这个类,否则没有这个类
② 数组 → 数组中所有的类,都会添加到盒子上,本质就是一个 class 列表
适用场景:一个类名,来回切换 适用场景:批量添加或删除类 :class="['pink', 'big']"
语法 :style = "样式对象"
适用场景:某个具体属性的动态设置