vue 中scss使用var变量

  <div class="container" :style="{'--bgc-color': 'green', '--bgc-border': '10px solid red'}">
    </div>

.container {
    margin: 100px;
    width: 1000px;
    height: 400px;

  //  background-color: var(--primary-color);  // 使用样式变量
    background-color: var(--bgc-color);  // 使用变量
    border: var(--bgc-border);  // 使用变量
}