vue sass中for循环

在Vue Sass中，可以使用@for循环来生成一系列样式。@for循环的语法类似于JavaScript中的for循环，可以指定循环的起始值、结束值和步长。例如，以下代码将生成10个不同的类名，每个类名的背景颜色都不同：

@for $i from 1 through 10 {
  .bg-#{$i} {
    background-color: #{$i * 10};
  }
}

在上面的代码中，$i是循环变量，从1到10循环。在每次循环中，生成一个类名.bg-1、.bg-2、.bg-3等，背景颜色分别为10、20、30等。在类名中使用#{}语法来插入变量。

需要注意的是，在Vue Sass中，@for循环只能用于生成样式，不能用于生成HTML标记。如果需要生成HTML标记，可以使用Vue的v-for指令。