v-bind的作用查描，并分別寫出v-bind的變量語法宵蛀，數(shù)組語法，對象語法
作用:v-bind通常用來綁定屬性的瘟斜，動態(tài)地綁定一些 class 類名或 style 樣式缸夹，格式是v-bind：屬性名 = "值"，簡寫:屬性名 = "值"
變量語法：v-bind：class = "變量"螺句，變量形式 ,這里的變量的值虽惭，通常是在css定義好的類名；
數(shù)組語法：v-bind：class= "[變量1蛇尚，變量2]" 芽唇，數(shù)組形式，其實跟上面差不多取劫，只不過可以同時綁定多個class名披摄；
對象語法：v-bind:class = {classname1：boolean，classname2：boolean}勇凭，對象形式，這里的classname1（2）其實就是樣式表中的類名义辕，這里的boolean通常是一個變量虾标，也可以是常量、計算屬性等灌砖，這種方法也是綁定class最常用的方式璧函。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>yufa</title>
</head>
<body>
<div id="wrap">
<p>變量語法</p>
<div :class="ccc">我的class是class3</div>
<p>對象語法</p>
<div :class="{active:isActive}">我的class是active</div>
<p>數(shù)組語法</p>
<div :class='[aaa, bbb]'>我的class是class1和class2</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script>
var app = new Vue({
el:'#wrap',
data:{
isActive: true,
aaa: 'class1',
bbb: 'class2',
ccc: 'class3'
}
})
</script>
</body>
</html>
