动态class

选中div就加粗文字且加上背景色

HTML：

<div :class="['sort-item',{selected:sortType===1}]">文字文字</div>

class里用‘ [ ] ’包着就会被当做变量解析

CSS：

.sort-item{
  margin-left: 15px;
  cursor: pointer;
  border-radius: 2px;
  padding: 0 6px;
}

.selected{
  background-color: #f0f0f5;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}