Vue - 在v-repeat中使用计算属性
2016-12-27 14:15
661 查看
1、从后端获取JSON数据集合后,对单条数据应用计算属性,在Vue.js 0.12版本之前可以在v-repeat所在元素上使用v-component指令
在Vue.js 0.12版本之后使用自定义元素组件实现v-repeat中使用计算属性
在Vue.js 0.12版本之后使用自定义元素组件实现v-repeat中使用计算属性
1 <div id="items"> 2 <my-item v-repeat="items" inline-template> 3 <button>{{fulltext}}</button> 4 </my-item> 5 </div> 6 7 <script type="text/javascript"> 8 var items = [ 9 {number : 1,text : 'one'}, 10 {number : 2,text : 'two'} 11 ] 12 13 var vue = new Vue({ 14 el : '#items', 15 16 data : {items : items}, 17 18 component : { 19 'my-item' : { 20 replace : true , 21 computed : { 22 fulltext : function(){ 23 return 'item' + this.text 24 } 25 } 26 } 27 } 28 }) 29 </script>
相关文章推荐
- Vue计算属性的使用
- vue中的计算属性的使用和vue实例的方法示例
- 详解Vue的computed(计算属性)使用实例之TodoList
- 关于vue的使用计算属性VS使用计算方法的问题
- vue计算属性及使用详解
- vue教程2-03 vue计算属性的使用 computed
- vue计算属性的使用和vue实例的方法
- 详解vue2.0监听属性的使用心得及搭配计算属性的使用
- vue-使用计算属性遇到的坑
- vue.js使用之计算属性与方法返回的差别
- Vue1.0学习总结(3)———vue1.0的生命周期、vue计算属性computed的使用、vue实例(vm)上方法总结、vue结合动画使用
- Vue计算属性的使用
- vue2.0+基础知识连载(13)--- 计算属性的使用
- Vue 计算属性
- .使用面向对象思想,输出员工信息并计算员工的工资。实现过程为:定义一个部门(Department)类,该类有部门编号(Id)、部门名称(Name)属性; 再定义一个员工(Employee)类,该类的属
- Vue计算属性
- vue.js计算属性setter
- KnockoutJS 3.X API 第三章 计算监控属性(1) 使用计算监控属性
- Vue.js学习 Item5 -- 计算属性computed与$watch
- vue.js 计算属性$watch