了解vue动态绑定

1.动态绑定class

2.动态绑定style

接下来我们先了解一下怎么动态的设置class

首先，动态的设置class是什么意思呢

打个比方：

先埋伏好两个类一个是.a{}一个是.b{}，到时候我要改样式，我就把a改成b，这个动作就相对于动态修改属性的值，类似于v-bind简写为“：”

语法：

格式1：<标签:/>

格式2：<标签:/>

如果布尔值为true，就添加对应的类名

说明：可以和静态class共存

示例代码

动态绑定style属性有两种方式：

对象形式

v-bind绑定style使用对象

语法：

<标签:/>

1.可以和静态style共存

2.样式中带-属性的写成小驼峰

示例代码