vue学习(五)【vue样式绑定:对象或数组】

点击改变文字颜色

通过class对象绑定和class数组绑定,可以实现vue的样式绑定。在页面中检查dom元素,看点击测试文本时,dom中是否会出现class名,然后在style中定义的一些样式就可以动态的作用到dom上了。

第一种:class的对象绑定 





    
    样式绑定
    
    


Hello World

第二种方法:通过定义class数组,可以定义多个style。都可以起作用





    
    样式绑定
    
    


Hello World

vue学习(五)【vue样式绑定:对象或数组】_第1张图片 第三种:style对象

样式内联的方法,在标签中直接写style="XXX",可以定义一个style对象,也可以直接{css表达式}





    
    样式绑定
    


Hello World

第四种,style数组

Hello World

可以挂载多个对象

你可能感兴趣的:(java全栈开发)