vue 單文件組件中樣式載入

在寫單文件組件時，一般都是把標簽、腳本、樣式寫到一起，這樣寫個人感覺有點不夠簡潔，所以就想著把樣式分離出去。

採用import載入樣式

在局部作用域（scoped）採用@import載入進來的樣式文件，想法是美好的。以為這樣載入進來的樣式文件也只對當前組件有效；可現實是殘酷的，這樣載入進來的樣式無法限制其作用域。

<style scoped>
    @import "樣式文件";
</style>

解決方案

採用 src屬性載入樣式。

<style src="樣式路徑" scoped></style>