vue同时绑定多个class时报错

之前一直没注意，以为vue绑定class可以和原来的class进行合并。例如：

<div class="demo" :class="{active:isActive}"></div>

这种写法是正确的，没问题。

++但是，下边这种写法就会报错++

<div class="demo" :class="{active:isActive}" :class="{open:isOpen}"></div>

即，同时绑定两个条件判断class。这种就会报错。正确的写法，应该是下面这样的：

<div class="demo" :class="[{active:isActive},{open:isOpen}]"></div>

也就是说绑定class必须为一个，如果有多个条件判断class,则必须将其写在一个数组中。