v-bind可以动态的给class赋值
例子：
<body>
<div id="app">
<!-- <img :src="aimg" /> -->
<a :href="ahref">百度</a>
<div v-bind:class="{ac:bc,cc:dc}">纽约</div>
</div>
<script src="./js/vue.js"></script>
<script>
let vue =new Vue({
el:'#app',
data:{
ahref:'www.baidu.com',
bc:'true',
dc:'false'
}
})
</script>
</body>
运行结果如下
class名是ac，cc，其中后面跟的bc，dc都是定义的布尔值，当他为true时就把其名称赋值给class否则就不赋值。
用法： <div v-bind:class="{ac:bc}">纽约</div>通过{}绑定一个值也可以传入多个值而且和普通的类不冲突<div class='new' v-bind:class="{ac:bc}">纽约</div>new和后面的ac可以起显示
v-bind绑定class数组语法：
<div v-bind:class="[aaa,bbb]">纽约</div>最终显示的class名就是aaa 和bbb两个，但这种命名不常用
