vue-super

Vue.js plugin that allows you to reference methods on parent classes

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-super
3510.1.07 years ago8 years agoMinified + gzip package size for vue-super in KB

Readme

vue-super
Build Status codecov Version
Provides a $super handler for accessing parent vue methods from a subclass. Behaves similarly to python's super implementation.
vue-super is tested against both vue@1 and vue@2

Example:
const Parent = Vue.extend({
    methods: {
        doTheThing: function(){
            console.log('performing a parental action');
        },
    },
})

const Child = Parent.extend({
    methods: {
        doTheThing: function() {
            this.$super(Child, this).doTheThing();
            console.log('doing a childlike thing');
        },
    },
})

For convenience, methods are directly accessible on the $super object. However, this behavior is only valid on a final subclass.
const Final = Child.extend({
    methods: {
        doTheThing: function() {
            this.$super.doTheThing();
            console.log('doing the final thing');
        },
    },
})