2018-03-22

今天补习：

Class 与 Style 绑定

v-bind

所有的HTML属性，如果需要和绑定都需要加上v-bind。没有加的话，就是HTML的属性键值对，加上之后，就是表达式。如：<div class="active">class里面是一个属性，<div :class="active">class里面是一个表达式。

对象语法

对象语法的意思是，class="{}"，calss的值是一个对象。而里面可以是一个或多个对象。如：class="{active: isActive}" 或 class="{active: isActive， red: isRed}" 如果对象的 truthiness 为真，该属性就就存在，为假就不存在。

• v-if和v-show是用来动态切换HTML元素。:class常用的用的场景是动态切换元素的样式。
  如：<div :class="{active: isActive， nav: nav}">
  我们需要在 data里面绑定变量：

data : {
isActive: true,
nav: false
}

但是我在实际运用中只会两个变量绑定成一个变量