Vue.js devralma çağrısı üst yöntemi

Question

Vue.js'de geçersiz kılma yöntemini kullanmak mümkün mü?

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

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

ClassB someFunction tarafından ClassA someFunction ürününü çağırmak istiyorum. Bu mümkün mü?

Answer 1

Hayır, vue doğrudan bir miras modeli ile çalışmaz. Bildiğim kadarıyla bir bileşeni yapamazsınız. Ebeveyn-çocuk ilişkileri esas olarak sahne ve olaylar aracılığıyla çalışır.

1. Geçme sahne (ebeveyn-çocuk)

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

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

ve SomeComponentA ait şablonda:

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

2. Katmalar

ancak üç çözüm vardır

bu başka yerlerde kullanmak istediğiniz ortak işlevselliği bir mixin kullanarak daha fazla deyimsel olabilir ise:

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

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

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

(çirkin ebeveyn-çocuk,) ana sahne

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

çağrılması

3.