vue项目如何在scss里面使用js的变量

在Vue项目中，我们可以使用以下方式在SCSS文件中使用JS变量：

1. 在Vue组件中定义JS变量：

export default {
  data() {
    return {
      primaryColor: '#007bff'
    }
  }
}

2. 在SCSS文件中使用JS变量：

$primary-color: #{this.primaryColor};

.btn-primary {
  background-color: $primary-color;
}

3. 在Vue组件中引入SCSS文件：

<style lang="scss" scoped>
@import "@/assets/styles/main.scss";
</style>

这样就可以在SCSS文件中使用Vue组件中定义的JS变量了。