SCSS是一種CSS預處理器，可以讓我們更高效、易讀易寫地編寫CSS。在Vue項目中，使用SCSS可以更方便地管理樣式，提高開發(fā)效率。

首先，在Vue項目中引入SCSS：

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

然后，在vue.config.js中配置：

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

在這個例子中，我們將_variables.scss文件引入到所有組件的樣式中。這個文件可以定義全局的變量，例如顏色、字體等。

在組件中使用SCSS：

這里我們使用了_variables.scss中定義的$primaryColor變量。

SCSS除了變量，還支持樣式的繼承、混入、函數(shù)等高級特性。

@mixin center {
display: flex;
justify-content: center;
align-items: center;
}
.container {
@include center;
}

這里我們定義了一個名為"center"的混入，應用到.container樣式中，可以使.container元素垂直和水平居中。

總之，使用SCSS可以讓我們更靈活地編寫、管理樣式，提高開發(fā)效率。