Utilities > Miscellaneous


vue-super 0.12


Vue.js plugin that allows you to reference methods on parent classes
  • vue
  • vuejs
  • super
  • inheritance
last commit 5 years ago
35
Stargazers

Watchers
35
Open issues
2
58478
Downloads

Last 30 days
1173
Releases
5
47
Final Score

Quality
87
Popularity
9
Maintenance
50

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');
        },
    },
})