v-bind绑定样式

样式
第一种使用方式：使用v-bind绑定class，直接对class传递一个数组，其中类名使用字符串的形式传递，如 :class="['thin','red']"，其中thin和red已经在<head>的<style>使用类选择器进行了定义；数组中如加引号，表示该内容是一个class名，如果不加引号，表示是一个对象名，将在vue对象的data中寻找这个对象
在数组中可以使用三元表达式来实现激活效果，如 flag?'active',''；为了提高代码的可读性，也可以在数组中使用对象-键-值的形式来实现激活效果{'active':flag}，其中flag为data中的元素，值为true或false
直接使用对象-属性-值来实现class的样式，其中对象的属性可带单引号，可不带引号，如果属性中包含-，则必须给属性添加引号，属性值是一个标识符，如 :class="{red:true , thin:true}"

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容