vue多頁面開發 頁面公用模塊邏輯如何複用

多頁面開發中如何解決頭部底部這樣的多頁面公用，如何實現邏輯複用

mixins解決
以頭部爲例
不建議定義爲全局mixins
var header_mixin = {

data(){
    return {
        
    }
},
methods:{
    
},
mounted(){
    
}

}

首頁和列表頁公用header

首頁
new Vue({
    el:'#index',
    mixins:[header_mixin]
});
列表頁
new Vue({
    el:'#list',
    mixins:[header_mixin]
});
這樣就實現了header邏輯的複用