vue 2.0 中 class 与 style 的动态绑定方式
1、新建一个 HTML 文件，直接通过 引入 Vue.js 官方 CDN 链接，即可立即上手 Vue 开发，无需配置构建工具，特别适用于初学者练习与轻量级项目。
2、预先定义一组 CSS 样式类，用于后续动态绑定操作。
立即学习“前端免费学习笔记（深入）”；
3、使用 v-bind:class 指令实现 class 的响应式绑定，基本写法为：v-bind:class="classes"。
4、其中 classes 是一个对象，包含 red 和 size 两个属性，且它们的值都设为 true。
5、在 classes: { red: true, size: true } 结构中，布尔值 true 表示该样式类将被激活并渲染到元素上。
6、利用 v-bind:style 将内联样式绑定至 styleInfo 数据属性，从而实现样式的实时更新。
7、在 styleInfo 对象中声明样式时需采用驼峰命名法，例如 fontSize 替代 font-size。
8、采用数组语法进行 class 绑定，是 Vue 2.x 实际开发中最常用、最灵活的方式之一。
