Vue - 在v-repeat中使用计算属性

1、从后端获取JSON数据集合后，对单条数据应用计算属性，在Vue.js 0.12版本之前可以在v-repeat所在元素上使用v-component指令

在Vue.js 0.12版本之后使用自定义元素组件实现v-repeat中使用计算属性

 <div id="items">
     <my-item v-repeat="items" inline-template>
         <button>{{fulltext}}</button>
     </my-item>
 </div>

 <script type="text/javascript">
     var items = [
         {number : 1,text : 'one'},
         {number : 2,text : 'two'}
     ]

     var vue = new Vue({
         el : '#items',

         data : {items : items},

         component : {
             'my-item' : {
                 replace : true ,
                 computed : {
                     fulltext : function(){
                         return 'item' + this.text
                     }
                 }
             }
         }
     })
 </script>