vue3中，如何使用scss？

您可以在vue3中使用scss并通过以下步骤实现：

1. 安装sass-loader和node-sass。

npm install sass-loader node-sass --save-dev

2. 在vue.config.js文件中进行配置。如果该文件不存在，则需要新建一个。

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/assets/scss/_variables.scss";`
      }
    }
  }
};

这里我们在loaderOptions中添加了sass属性，并通过prependData选项引入了_variables.scss文件，以便在整个应用程序中使用。

3. 在组件中正常使用样式表，并将其保存为SCSS文件。

<template>
  <div class="app">
    <h1>{{ title }}</h1>
  </div>
</template>

<style lang="scss">
.app {
  color: $color-primary;
}
</style>

请注意，这里我们使用的是scss语言而不是css，也可以在样式表上使用任何scss变量或mixin。

希望对您有所帮助。