Vue扩展

效果扩展:

Vue.transition('transitionName',{

    beforeEnter:function(){
    
    },
    enter:function(){
    
    },
    afterEnter:function(){
    
    },
    beforeLeave:function(){
    
    },
    leave:function(){
    
    },
    afterLeave:function(){
    
    }
})

组件扩展:

var componentEle = Vue.extend({

    name:'',
    template:''
})

Vue.component('componentName',{

    el:function(){
    
    },
    date:function(){
    
    },
    template:''
})

指令扩展:

Vue.directive('directiveName',{
    
    bind:function(){
    
    },
    update:function(newValue,oldValue){
    
    },
    unbind:function(){
    
    }
})

Vue.elementDirective('directiveTagName',{

    bind:function(){
    
    },
    update:function(newValue,oldValue){
    
    },
    unbind:function(){
    
    }
})

过滤器扩展

Vue.filter('filterName',{
    //read(默认)不会修改数据模型中的值;
    //只是在把来自数据模型的值显示在视图之前转换它
    read:function(value,arguments){
    
    },
    // (可选)在写回数据之前格式化值
    write:function(value,oldValue){
    
    }
})
    原文作者:米花儿团儿
    原文地址: https://segmentfault.com/a/1190000005693994
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞