JSFiddle - React, Tailwind, and code Playground

Dynamic Vue components with vue-resource

by Lardpower

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<div id="app">
  <component :is="views.portfolio"></component>
</div>

JavaScript

class BaseClass{

  constructor(template){
    this.data = {
      template: template,
      data: function () {
        return {
          title: "work"
        };
      }
    };
  }
    
  getData() {
    return this.data;
  }
    
  setTemplate(newTemplate) {
    this.template = newTemplate;
  }
}

class TestClass extends BaseClass{
	speak(){
  	alert('bbb');
  }
}

let a = new TestClass('test');
console.log(a.getData());