多页面开发中如何解决头部底部这样的多页面公用,如何实现逻辑复用

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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24563.html