Inheritance - Example #1

by budiadiono

HTML

<h2>
 Vue Inheritance - Example #1
</h2>
<div id="app">

</div>

JavaScript

var Parent = Vue.extend({
  data: function() {
    return {
      foo: 'This is foo!'
    }
  }
})

var Child = Parent.extend({
  template: '<div>{{foo}} {{bar}}</div>',
  data: function() {
    return {
      bar: 'This is bar!'
    }
  }
})

new Child().$mount('#app')