动态class的几种方式

1、第一种方式最基础的class

实现代码如下：

<p :class="{'active':isActive, 'current': isCurrent}">我是第一种方式最基础的class{{isActive}}</p>

2、第二种方式的class

<p :class="classList">我是第二种方式的class{{isActive}}</p>

3、第三种方式class

<p :class="[isActive?'active':'current']">我是第三种方式class{{isActive}}</p>

4、第四种方式class

 <p :class="[{active:isActive}, isCurrent?'current':'', 'hasBorder']">我是第四种方式class{{isActive}}</p>

完整代码如下：