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>