Vue的class与style绑定

1、class

1.、对象法：

<div :class="{active:isshow}"></div> //一个class
<div :class="{active:isshow,color:iscolor}"></div>//多个class拼接给对象属性类似
<div class="static" :class="{active:isshow,color:iscolor}"//添加永远不变的class

2 、数组法：

<div :class="[activeClass,colorClass]">ddd</div>//activeClass，colorClass要在data里面绑
定相对应的class
<div :class="['active':'','color']"></div>//不需要在data里面绑定class
div :class="[show?activeClass:'',colorClass]"></div>//条件渲染class
<div :class="[show?'active':'','color']"></div>//条件渲染，但是不需要在data定义，更加方便

2、style

1. 、对象法
   跟class一样
2. 、数组法
   跟class一样
3. 多重值

	<div  :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex']}">ddd</div>//略