Vue Dynamic Component

by Eugene Fedorov

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
    <component :is="flyComponent">
      <p>{{ message }}</p>

    </component>

      <button @click="addNewComponent">Load Dynamic Component</button>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    flyComponent: null
  },
  methods: {
  	addNewComponent: function() {
      console.clear();
      var self = this;
      $.getScript( "https://fdrv.guru/vue_comp2.php", function( data, textStatus, jqxhr ) {
	      console.log(newComp);
        self.flyComponent = newComp;
      });
    }
  }
})