Vue是一個流行的JavaScript框架，它可以幫助您以一種模塊化和組件化的方式構建復雜的用戶界面。在Vue中，您可以使用混入(mixins)來重用組件邏輯。混入也可以用來重用CSS樣式表。讓我們來看一下如何使用混入將CSS樣式表注入Vue組件。

//定義混入
var myMixin = {
created: function () {
//將CSS樣式表動態注入到組件
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'styles.css';
document.head.appendChild(link);
}
}
//定義Vue組件
Vue.component('my-component', {
//使用混入
mixins: [myMixin],
template: '
這是我的組件
'
})
//實例化Vue對象
new Vue({
el: '#app'
})

在上面的代碼片段中，我們定義了一個名為myMixin的混入，它有一個created方法。

在created方法中，我們使用了JavaScript DOM API動態創建了一個link元素，并將它的href屬性設置為styles.css。然后我們將該元素添加到了頁面的head部分。這樣，styles.css文件就被注入到了我們的Vue組件中。

在my-component組件中，我們使用了mixins選項將myMixin混入到了組件中。這會使組件創建時調用myMixin的created方法。這樣我們就可以將CSS樣式表注入到組件中。請注意，我們不必在每個Vue組件中重復地寫CSS樣式表，而只需將樣式表注入到混入中即可。

通過使用混入將CSS樣式表注入Vue組件，我們可以更輕松地重用CSS樣式表代碼，從而提高開發效率并使代碼更易于維護。