Vue是一款JavaScript框架，廣泛應用于前端開發。在Vue項目中，我們需要引入外部CSS文件來美化頁面樣式。本文將介紹Vue如何引入外部CSS文件。 首先，在Vue中引入外部CSS文件需要使用webpack的工具。Webpack是一款JavaScript應用程序的靜態模塊打包工具。因此我們需要先安裝Webpack，安裝方式如下： ``` npm install --save-dev webpack ``` 接著，在你的Vue項目中，你需要創建一個CSS入口文件。你可以在你的項目根目錄下新建一個CSS文件夾，并在其中創建一個名為`index.css`的文件作為入口文件。在`index.css`中寫入你需要引入的CSS代碼。 然后，在Vue組件中引入CSS文件。我們可以在Vue組件中使用```` 在上述代碼中，`@import`關鍵字表示引入樣式表，`url()`指定CSS文件的路徑。其中，路徑"./css/index.css"中的“.”表示當前路徑，因此引入的是CSS文件夾下的index.css文件。 最后，運行webpack將CSS文件打包。Webpack將 `index.css` 中引入的其他CSS文件打包到一個文件中。在Vue組件中引入的CSS文件將在這個打包文件中。 以上就是Vue引入外部CSS文件的方法。需要注意的是，在安裝Webpack后，編寫Vue組件時需要使用Webpack進行打包。如有疑問，請參考Webpack官方文檔。