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逻辑的复用