Vue.js是一個流行的JavaScript框架，用于構建現代網站和web應用程序。它提供了許多功能和強大的工具來加速開發過程，其中包含了CSS引用。

在Vue.js中，我們可以使用style標簽來定義CSS樣式，就像在常規的HTML / CSS中那樣。但是Vue.js還提供了一個更強大的選項：scoped樣式。所謂的scoped樣式是指在組件范圍內編寫的CSS，而不是全局的。這意味著，任何在組件之外定義的樣式都不會影響到組件內的樣式。

要在Vue.js中使用scoped樣式，請使用Scoped CSS來引用。下面是一個簡單的示例，展示了如何使用Scoped CSS引用。

<template>
<div class="my-component">
<p class="my-style">這是一個漂亮的段落！</p>
</div>
</template>
<style scoped>
.my-style {
font-size: 18px;
color: #555;
text-align: center;
}
</style>

在上面的示例中，我們在組件模板中定義了一個段落，并定義了一個叫做“my-style”的類名。在接下來的樣式塊中，我們使用了scoped修飾符。這會告訴Vue.js，這些樣式只能在當前組件中使用。

Scoped CSS使我們可以使我們的CSS代碼更可靠，更具有封裝性。它可以預防意外的全局風格沖突，并且讓我們專注于組件范圍內的樣式。使用Scoped CSS，你可以更好地保持樣式的一致性，并避免不必要的問題。