Sass 是一種 CSS 預處理器，它擴展了 CSS，提供了許多功能和工具，比如變量、嵌套規則、模塊化等等。Vue 是一種流行的 JavaScript 框架，它提供了一種用于構建用戶界面的可重用組件體系結構。在 Vue 中使用 Sass 是非常普遍的。在本文中，我們將介紹如何安裝 Sass 并在 Vue 項目中使用它。

首先，我們需要安裝 Sass。Sass 可以通過 npm 進行安裝：

npm install sass --save-dev

現在，我們已經安裝了 Sass，接下來，我們需要在 Vue 項目中啟用它。您可以在 main.js 中導入 Sass 和 Vue：

// main.js
import Vue from 'vue';
import Sass from 'sass';
Vue.use(Sass);

現在您可以在 Vue 組件中使用 Sass 了。例如，您可以創建一個名為 App.vue 的組件，并在其中定義一些樣式：

<template>
<div class="app">
<p class="title">Hello world!</p>
</div>
</template>
<style lang="scss">
.app {
padding: 2rem;
background-color: #eee;
.title {
font-size: 2rem;
color: #007aff;
}
}
</style>

在上面的示例中，我們使用了 Sass 中的嵌套規則和變量，以及 Vue 的單文件組件結構。現在您已經掌握了如何安裝和在 Vue 中使用 Sass。請盡情利用 Sass 的功能來提高您的項目創建效率！