vue多页面开发 页面公用模块逻辑如何复用

2024年2月1日 162次阅读 来源: wolfzwz

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

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逻辑的复用
    原文作者：wolfzwz
    原文地址: https://segmentfault.com/a/1190000016050217
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞