新增AI编程课程，引领技术教育新趋势
前端开发中有三大件：HTML、CSS、JavaScript，在前面的学习中，不管是学习 Vue 的指令系统还是 Vue 的事件修饰符，主要还是针对的是我们在前端开发中的 JavaScript 这一块，而在实际的开发中必定会需要涉及到对于页面布局的设计。即使你采用的是使用第三方的 UI 组件，当我们实际开发中时，还是需要自己写一些样式去满足自己的需求，如何实现在 Vue 中对元素设置样式则是本章学习的重点
<style> .textRed { color: red }</style><h2 :class="textRed"></h2>
a）数组语法
在vue 中作者给我们提供了使用数组进行绑定样式的方式，这里我们可以直接在数组中写上样式的类名即可。注意：这里如果不使用单引号包裹类名，其实代表的还是一个变量的名称，因此，还是会出现错误信息。
<style> .textRed { color: red } .textThin { font-weight: 200 }</style><div id="app"> <h2 :class="['textRed','textThin']">我是标题标题标题标题标题标题啊啊啊啊~~~</h2></div>
当然，如果你就是想以变量的方式，就需要你先定义好这个变量。
<style> .textRed { color: red } .textThin { font-weight: 200 }</style><
0532-85025005
