# :class和:style

 <div style="color: pink;font-size:22px;font-weight:700">小常识：</div>

```js
new Vue({
  el: '#app',
  data: {
    str: '123123',
    aaa: 'aaa',
    bbb: 'bbb',
  },
})
```

<br>

 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试：</div>

下列对class使用错误的是？<br/><br/>

## 答案

```html
<p :class="aaa=='aaa'?'':'aaa'">日期：</p>
```

## 选项

### A


```html
<p :class="{'name':'str'}">日期：</p>
```

### B

```html
<p :class="{'name':str}">日期：</p>
```

### C

```html
<p :class="[aaa,bbb]">日期：</p>
```