vue_v-bind指令绑定内联样式

使用v-bind:style 可以给元素绑定内联样式,方法与:class类似,也有对象语法和数组语法,看起来很像直接在元素上写CSS。

css 属性名称使用驼峰命名( came!Case )或短横分隔命名( kebab-case )。

语法格式:

错误语法格式:

文本样式效果

上面的这个是错误语法格式,记住: ":"和style必须紧挨着,中间不能有空格。

代码示例




    
    Title
    



  
   
文本样式效果

运行结果:

v-bind绑定style运行结果

你可能感兴趣的:(vue_v-bind指令绑定内联样式)