目录
1 基本使用
2 支持JS运算
3 配合样式
3.1 基本使用
3.2 数组绑定class
3.3 对象绑定class
3.4 对象绑定style
1 基本使用
v-bind: 可以简写为只有一个冒号
2 支持JS运算
3 配合样式
3.1 基本使用
点击后可以切换样式
3.2 数组绑定class
当需要有多个类名的时候可以使用数组
打开后是这样的
可以切换倾斜状态
也可以切换颜色状态
3.3 对象绑定class
使用对象的时候,对象中的属性要与类名保持一致
打开后是这样的
可以切换倾斜状态
也可以切换颜色状态
3.4 对象绑定style
v-bind后的键你可以用驼峰命名法,比如 font-size可以写成fontSize
也可以直接用属性名,直接用属性名就得加外面的单引号
打开后是这样的
可以增减字号