前端系列——Vue中class的绑定以及事件绑定和methods

1、class绑定

（1）对象语法

我们可以传给 v-bind:class 一个对象，以动态地切换 class。

（2）数组语法

我们可以把一个数组传给 v-bind:class，以应用一个 class 列表。

2、事件绑定及methods

在Vue中可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。

然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以通过methods接收一个需要调用的方法名称。methods的作用，就是用来定义方法的。它的值是一个对象，可以定义多个方法。

注：调用methods定义的方法的时候，直接像执行函数一样就可以了；

在methods中定义的方法，是通过this指针去访问data中的数据的。