在 Vue 中，:class 和 :style 的绑定各自支持哪几种写法？请分别列举并说明它们适用的场景。
考察说明
考查对 Vue 动态绑定 class 和 style 各种写法的掌握程度，以及是否理解它们在不同场景下的用法。
回答思路
- 【回答框架 1】:class 支持三种写法：字符串写法，直接绑定一个类名字符串，适合类名固定不变的情况；数组写法，绑定一个数组，数组中可以包含字符串、对象或三元表达式，适合需要根据条件动态切换多个类名的情况；对象写法，绑定一个对象，对象的键是类名，值是布尔值，当值为真时类名生效，适合根据多个条件决定类名是否出现的场景。
- 【回答框架 2】:style 支持两种写法：对象语法，绑定一个样式对象，键是 CSS 属性名（采用驼峰式或短横线分隔），值是样式值，可以直接写字符串或绑定变量，适合动态设置多个样式属性；数组语法，绑定一个包含多个样式对象的数组，这些对象会合并后应用到元素上，适合需要组合多个样式来源的场景。
- 【回答框架 3】在实际使用中，:class 和 :style 可以同时使用，它们会与元素上静态的 class 和 style 属性共存，不会相互覆盖。对于 :class，数组和对象写法可以嵌套混合使用，比如数组内可以包含对象或三元表达式，实现更灵活的类名控制。
- 【回答框架 4】使用对象写法时，键名可以直接写类名或样式属性名；在 :style 中，如果使用驼峰式命名，如 fontSize，编译器会将其解析为 font-size；对于需要浏览器前缀的样式属性，Vue 会自动添加相应的前缀，例如 transform 会在需要时加上 -webkit-。
- 【关键点 1】:class 有字符串、数组、对象三种写法，:style 有对象、数组两种写法。
- 【关键点 2】数组和对象写法可以组合使用，实现按条件动态切换类名或样式。
- 【关键点 3】:style 对象键支持驼峰式和短横线分隔，浏览器前缀由 Vue 自动处理。