title: Call function in component I have extended from that has the same name in Vue
body: <p>I want to know if there is an equivalent in vue2 for javascript super().</p>
  
  <p>In javascript I can do this I can do this:</p>
  
  <pre><code>class Foo {
      doSomething () {
          return 'Foo';
      }
  }
  
  class Bar extends Foo {
      doSomething () {
          return 'Bar';
      }
  
      callSuper () {
          return Super.doSomething(); 
      }
  }
  
  console.log(Bar.callSuper()); // Foo
  </code></pre>
  
  <p>However in Vue2 i can't get access to the original components functions with the same name.</p>
  
  <p>Foo.vue</p>
  
  <pre><code>&lt;script&gt;
      export default Foo {
          extends: Component,
          methods: {
              doSomething () {
                 return 'Foo';
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Bar.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;&lt;span&gt; {{ callFoo }} &lt;/span&gt;&lt;/div&gt; // Doesn't work
  &lt;/template&gt;
  
  &lt;script&gt;
      export default Bar {
          extends: Foo,
          methods: {
              doSomething () {
                 return 'Bar';
              },
  
              callFoo () {
                  return Super.doSomething(); // Doesn't work, expecting 'Foo'
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I took a look in the documentation and didn't see anything similar. Is there a way to achieve this easily or should I change my design?</p>