在vue-cli中使用scss&组件样式被scope保护解决方案

在vue-cli中使用scss

1. 安装 node-sass sass-loader，yarn add node-sass sass-loader --dev
2. 在style标签中，添加lang属性，lang="scss"
3. 最后在里面编写scss代码即可

组件样式被scope保护

• 组件样式被scope保护了获取不到，过deep取渗透

  // 方式1 
  ::v-deep .xxxx {
    ........
  }
  // 方式2
  :deep(.xxxx) {
    ........
  }