SOURCE

Vue.component('test',{
  props:['user1','org1'],
  template:'<li>用户名:{{user1.name}},组织名称:{{org1.name}}</li>'
});

var v = new Vue({
  el:"#t",
  data:{
    list:[
      {user:{name:'mo'},org:{name:'测试组织'}},
      {user:{name:'hello'},org:{name:'啊哈哈'}}
    ]
  }
  
});

var v1 = new Vue({
  el:'#test3',
  data:{
    xx:"<h2>哈哈哈</h2>",
    hh:false
  },
  computed:{
    computed:function(){
      return this.xx+"....."
    }
  },
  methods:{
    test:function(){alert(123)},
    aa:function(){alert(11)}
  }
});

<div id="t">
  <ol>
    <test v-for="result in list" v-bind:user1="result.user" v-bind:org1="result.org"></test> 
  </ol>
</div>


<div id='test3'>
    <input type="text" v-bind:value="xx" />
    <div v-html="xx" v-on:click="test"></div>
    <div>{{computed}}</div>
  <h1 v-if="hh">Yes</h1>
  <h2 v-else=>NO</h2>
</div>