vue2中的scss 能使用data中的变量吗

不可以直接使用data中的变量，因为SCSS是在编译时进行处理的，而Vue的data中的变量是在运行时才会被解析的。但是可以使用Vue的计算属性来将data中的变量导入到SCSS中进行使用。例如：

<template>
  <div :style="{ backgroundColor: color }"></div>
</template>

<script>
  export default {
    data() {
      return {
        primaryColor: '#ff0000'
      }
    },
    computed: {
      color() {
        return this.primaryColor;
      }
    }
  }
</script>

<style lang="scss">
  div {
    width: 100px;
    height: 100px;
    &.red {
      background-color: $color;
    }
  }
</style>

这样就可以在SCSS中使用计算属性中的变量了，例如 $color。