Vue的样式绑定的几种方法

在b站上跟着黑马的教程学的，自己整理了一下，谢谢黑马

欢迎大家来评论讨论


Vue样式绑定分为class样式绑定和style样式绑定

一、class样式绑定

class样式绑定有两种方式：对象语法和数组语法

（1）、对象语法

如图：



（2）、数组语法

如图：



（3）、Class样式处理中的一些细节

①、对象绑定和数组绑定能结合使用

如图：



②、对象方法和数组方法都能简化操作

如图：


③、元素上本来的class类名会被保留

如图：




二、Style样式绑定

Style样式绑定的是行内式

如图：


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