Vue filter as props

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.11/vue.min.js"></script>
<div id="app">
 
 <ii :msg="msg"></ii>
 
</div>

JavaScript

Vue.component('ii', {
  template: null,
  props: ['msg'],
  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;
   console.log('ddddd')
    self.template = Vue.compile(dddd).render;
    
    }
 },
  
});


var app = new Vue({
  el: "#app",
  data: {
    msg: [{id:0,text:'dddd'},{id:1,text:'hello'},{id:2,text:'aaaaa'}]
  },
  methods: {
    add: function() {
      this.$log('allpicks');
      this.allpicks.unshift("Two");
    }
  }
});



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>`