Vue之style的用法

Vue中style的用法总结如下:

v-bind:style  简写:style

1.基本用法




    
    
    
    
    
    
    
     


    
文字...

描述:

文字...

其中的red是class的


结果:

2.采用数组形式




    
    
    
    
    
    
    
    


    
文字...

描述:

采用数组的形式,设置变量c,在data中以对象的形式设置style属性

结果:


3.使用数组的形式,设置多个属性




    
    智能社——http://www.zhinengshe.com
    
    
    
    
    
    


    
文字...

描述:

和第二种一样,可以设置多个属性

结果:

4.使用设置一个变量的方法




    
    智能社——http://www.zhinengshe.com
    
    
    
    
    
    


    
文字...


你可能感兴趣的:(vue.js,vue,js)