scss循环vue数组

在SCSS中循环Vue数组，可以使用`@each`指令。下面是一个示例：

// 假设你有一个名为"colors"的Vue数组，其中包含了一些颜色值
$colors: #ff0000, #00ff00, #0000ff;

// 使用@each循环来遍历数组并生成样式
@each $color in $colors {
  .color-#{$color} {
    background-color: $color;
  }
}

在上述示例中，`@each`指令用于遍历`$colors`数组。对于数组中的每个元素，都会生成一个对应的样式类`.color-#{$color}`，其中`#{$color}`是通过插值将颜色值转换为字符串。然后，可以在该样式类中使用变量`$color`来设置背景颜色。

这样，编译后的CSS将会生成以下样式：

.color-#ff0000 {
  background-color: #ff0000;
}

.color-#00ff00 {
  background-color: #00ff00;
}

.color-#0000ff {
  background-color: #0000ff;
}

这样你就可以根据Vue数组中的颜色值动态生成对应的样式类了。