Vue是一款流行的JavaScript框架，可以用于開發Web應用程序。在Vue中，CSS通常是通過單獨的CSS文件引入的。但是，有時您可能需要將CSS直接寫入Vue的模板中。在這種情況下，您可以使用.vue文件來編寫Vue組件，這樣您就可以在同一個文件中引用組件的模板、JavaScript和CSS。 在.vue文件中引入CSS，您需要使用style標簽來定義CSS。將CSS寫在style標簽中的方法與寫在HTML文檔中的方法相同。這里是一個示例：

< template >< div >< h1 >Hello World!< /h1 >< /div >< /template >< script >export default {
name: 'my-component'
}< /script >< style >h1 {
color: red;
}< /style >

在上面的示例中，我們定義了一個組件（名為my-component），其中包含了一個標題（Hello World!）。我們將標題的顏色設置為紅色。請注意，在style標簽中使用CSS，CSS類名和ID選擇器的命名方式與在HTML文件中相同。 引入CSS后，您可以將樣式應用于具體的HTML元素、組件或應用程序。您只需要將CSS定義為合適的選擇器即可。例如，如果您想對整個Vue應用程序應用樣式，則可以將樣式定義為body選擇器：

< style >body {
background-color: #f0f0f0;
}< /style >

通過引入CSS，您可以直接在Vue文件中定義和修改樣式。這使得開發和維護Vue組件和應用程序變得更加簡單和方便。