Vue.js विरासत कॉल पेरेंट विधि

Question

क्या Vue.js में ओवरराइडिंग विधि का उपयोग करना संभव है?

var SomeClassA = Vue.extend({ 
    methods: { 
     someFunction: function() { 
      // ClassA some stuff 
     } 
    } 
}); 

var SomeClassB = SomeClassA.extend({ 
    methods: { 
     someFunction: function() { 
      // CALL SomeClassA.someFunction 
     } 
    } 
}); 

मैं क्लासब कुछ कक्षा से क्लास कुछ समारोह को कॉल करना चाहता हूं। क्या यह भी संभव है?

Answer 1

नहीं, vue प्रत्यक्ष विरासत मॉडल के साथ काम नहीं करता है। जहां तक ​​मुझे पता है, आप A.extend एक घटक नहीं कर सकते हैं। यह माता-पिता के रिश्ते मुख्य रूप से प्रोप और घटनाओं के माध्यम से काम करते हैं।

1. पासिंग रंगमंच की सामग्री (अभिभावक-बच्चे)

var SomeComponentA = Vue.extend({ 
    methods: { 
     someFunction: function() { 
      // ClassA some stuff 
     } 
    } 
}); 

var SomeComponentB = Vue.extend({ 
    props: [ 'someFunctionParent' ], 
    methods: { 
     someFunction: function() { 
      // Do your stuff 
      this.someFunctionParent(); 
     } 
    } 
}); 

और SomeComponentA के खाके में:

<some-component-b someFunctionParent="someFunction"></some-component-b> 

2. mixins

हालांकि तीन समाधान कर रहे हैं

यदि यह आम कार्यक्षमता हैं जिन्हें आप अन्य स्थानों में उपयोग करना चाहते हैं, एक mixin का उपयोग कर अधिक मुहावरेदार हो सकता है:

var mixin = { 
    methods: { 
     someFunction: function() { 
      // ... 
     } 
    } 
}; 

var SomeComponentA = Vue.extend({ 
    mixins: [ mixin ], 
    methods: { 
    } 
}); 

var SomeComponentB = Vue.extend({ 
    methods: { 
     someFunctionExtended: function() { 
      // Do your stuff 
      this.someFunction(); 
     } 
    } 
}); 

3. माता-पिता रंगमंच की सामग्री (अभिभावक-बच्चे, बदसूरत)

// In someComponentB's 'someFunction': 
this.$parent.$options.methods.someFunction(...); 

कॉलिंग