vue 是一種流行的前端框架，它允許您輕松構建交互式用戶界面。有時，您可能需要在多個組件之間共享公共樣式。在這種情況下，最好的方法是將這些樣式定義為一個 CSS 文件，并在您的 vue 應用程序中進行引用。 要在 vue 應用程序中引入共享的 CSS 文件，請按照以下步驟操作： 1. 創建一個名為 styles.css 的新文件。在這個文件中，您可以定義所有的公用樣式。例如，您可以定義一個類名為 .button，其定義以下樣式： ```css .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } ``` 2. 在您的組件中引用這些樣式。為了做到這一點，您需要在您的組件中包含一個 style 標簽，并在其中引用您的 CSS 文件。例如，您可以在以下組件中引用公共樣式： ```html``` 在上面的代碼示例中，您可以看到我們如何使用 @import 命令來引入 styles.css 文件。 3. 然后，您可以在組件中使用按鈕類名，例如 .button，以應用共享樣式。在這種情況下，我們將按鈕類應用于元素，如下所示： ```htmlClick Me``` 這種方法既簡單又有效。通過將公共樣式定義為單個 CSS 文件，并在您的組件中引用它，您可以輕松地共享樣式，并確保一致性和可維護性。