给边框加颜色

先介绍一下background-color    CSS background-color 属性

传送门：CSS background-color 属性 (w3school.com.cn)

<div style="flex: 1; font-size: 18px">
  <span :class="collapseBtnclass" style="cursor: pointer" @click="collapse"></span>
</div>

style="cursor: pointer"是css的一种样式，作用是当鼠标移动到该单元格上时，鼠标会由箭头形状改为手的形状。

cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并不支持。

cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。

cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。
@click="collapse"意思是当你点击时会触发函数collapse（）

创建一个项目：在cmd中cd出想建立的地方，然后用语句vue create 名称即可·