在Vue開發(fā)中,我們經(jīng)常需要為組件添加樣式。樣式的應用方式有很多種,其中一種是外聯(lián)樣式表。Vue組件中也可以使用外聯(lián)樣式表,本文將介紹如何在Vue項目中使用外聯(lián)樣式表。
首先,我們需要創(chuàng)建一個樣式文件,可以命名為style.css或者其他名字。在樣式文件中,我們可以寫入各種樣式規(guī)則。例如:
.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; }
以上是一個.button類的樣式規(guī)則,樣式表中可以包含多個類或者多個選擇器。接下來,我們需要將樣式文件引入到Vue組件中。
在Vue組件的定義中,我們可以使用