之前一直没注意，以为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,则必须将其写在一个数组中。
