前言

为了调试Auth后端，写了一个Vue的前端，结合以前写的文章，对Vue为代表的前端做一个总结，内容分为：

• Control
• View与Data
• Element组件
• CSS

本文主要记录CSS遇到的几个问题

记录

• css的scope

  scope指的是本地

• 动态样式

  :class="['list-icon', {'el-icon-s-fold': isCardView, 'el-icon-menu':!isCardView}]"

  对象中只显示为true的

  <div :class="{'content-collapse': isCollapse}>
  当isCollapse时，content-collapse样式生效

• image的引入方式

  url方式：backgroup-image

• 滚动条

  overflow-y: scroll;

• not类型的类选择器：
  .sidebar-el-menu:not(.el-menu--collapse)
  .sidebar-el-menu类且非.el-menu--collapse时，其中el-menu--collapse是Menu组件折叠后增加的class样式