vue多页面开辟 页面公用模块逻辑怎样复用

2019年8月22日 142次阅读 来源: 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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞