Vue-关于class绑定（基础学习）

        开发中，我们经常需要动态的绑定class或者style，这里我给大家分享一些class和style绑定的基本用法，希望可以给到大家帮助。

        在需要动态绑定class和style 的时候，我们需要用到v-bind指令，它就是用来绑定一个或者多个属性的，不太清楚的小伙伴可以查看官方的文档 API — Vue.js (vuejs.org)。

class绑定有两种语法，一个是对象语法，一个是数组语法。

class绑定——对象语法：

我们可以给 v-bind:class 一个对象

<div v-bind:class="{ active: isActive }"></div>

（1）active 就是你要设置的class名，isActive 是一个数据，这样设置的表示是：active 这个class名是否存在，取决于isActive 这个数据的true 或false ，为true ，active 这个class就存在，为false ，