vue绑定class和style

1.绑定class

方法一：通过在vue实例的data中添加类名来绑定样式。具体流程如下

a.定义样式的class


定义样式

b.在vue实例中添加类名数据


data添加数据

c.给元素绑定样式


绑定样式

方法二：通过json来绑定样式，具体流程如下：

a.定义样式class


定义样式

b.通过json绑定样式


绑定样式

升级方法绑定class,具体方式如下：

与上述两种方法的差别在于下图所示：


改进方法

2.绑定style


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

推荐阅读更多精彩内容