10.VUE的样式绑定

class的对象绑定:借助class以对象的形式将样式与数据进行绑定




    
    VUE的样式绑定
    
    


hello world

10.VUE的样式绑定_第1张图片

class与数组绑定:数组中的内容代表一个变量 在class上会显示这个变量对应的内容




    
    VUE的样式绑定
    
    


hello world

10.VUE的样式绑定_第2张图片

通过这两种方式可以动态向一个DOM元素添加不同的类/删除不同的类 从而实现页面效果的变更

内联style通过对象/数组的形式定义




    
    VUE的样式绑定
    


hello world

10.VUE的样式绑定_第3张图片

 

你可能感兴趣的:(VUE学习笔记)