VUE忏悔学习6-Vue指令:v-bind动态属性绑定

1、v-bind 指令的基本使用

简写方式:

2、v-bind 动态绑定class属性

2.1、v-bind绑定class与普通class混用

2.2、v-bind绑定多个类名

2.3、动态绑定class值

当然,设置的className也可以不是在data中的,可以是自己预先写好的,通过data中布尔判断属性来决定预先写好的className是否存在,这个方法也可以实现动态绑定className,记得v-bind等于号后面是用双引号括起来的对象。

3、v-bind 绑定行内样式


3.1、v-bind绑定style属性的用法

3.2、动态绑定style属性的用法


方法一:通过调用函数动态更改data中样式设置对象中的样式属性

方法二:在data中设置多套样式设置对象,根据情况调用哪一套

3.3、基础样式与特殊样式混合使用

你可能感兴趣的:(VUE忏悔学习6-Vue指令:v-bind动态属性绑定)