JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app" >
  
  
  
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    msg: [{id:0,text:'dddd'},{id:1,text:'hello'},{id:2,text:'aaaaa'}],
    template: null
  },
  render: function(createElement) {
  
  
    if (!this.template) {
      return createElement('div', 'Loading...');
    } else {
    
      return this.template();
    }
  },
  mounted() {
  	var self = this;
  	setTimeout(function() {
    
    	self.template = Vue.compile(ssss).render;
    }, 1000);
  },
 methods:{
 		ssaas(){
   var self = this;
    self.template = Vue.compile(dddd).render;
    
    }
 }
 
})

var ssss = `<div ><span style="border: 1px black solid" v-for="item in msg" v-bind:todo="item" v-bind:key="item.id">{{ item.text }}</span>
<button v-on:click='ssaas()'>
לחץ
</button>
</div>`

var dddd = '<div ><span style="border: 1px black solid" v-for="item in msg" v-bind:todo="item" v-bind:key="item.id">{{ item.id }}</span></div>'