lichen360 【VUE教程】计算属性第二章节：计算一个包含对象的数组里的参数和。
计算属性第二章节：计算一个包含对象的数组里的参数和。这个也是我们将在项目中广泛运用的，编程人员必备基础技能。
这里用实例：下面我们来计算HMP源码网每个会员相加的总价格是多少?
HMP源码网会员分为三类，月度会员和年度会员和终身会员，vips数组中包含了三个对象，里面分别包含了HMP源码网的会员信息及价格，下面我们就来敲敲代码算出价格综合。
代码分析：
1.知识点计算属性（首先我们需要便利出数组中的vipPrice）
2.顶一变量zjz，将获得的价格 赋值给他，并返回。
3.渲染到HTML即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算属性</title>
</head>
<body>
<div id="app">
VIP价格的和是：{{price}}
</div>
<script src="vue.js"></script>
<script>
const vm = new Vue({
el: '#app',
data: {
vips: [
{id: 101,name: 'HMP源码网月VIP',vipPrice: 25},
{id: 102,name: 'HMP源码网年度VIP',vipPrice: 180},
{id: 103,name: 'HMP源码网终身VIP',vipPrice: 599}
],
},
computed: {
price: functiоn(){
let zjz = 0;
for(let i=0;i<this.vips.length;i++){
zjz += this.vips[i].vipPrice;
}
//alert(zjz);
return zjz;
}
}
})
</script>
</body>
</html>
如下载链接失效，请联系管理员处理【QQ：941007525，微信:style028666】
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】计算属性第二章节：计算一个包含对象的数组里的参数和。
免责申明：
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
毛毛博客 » 【VUE教程】计算属性第二章节：计算一个包含对象的数组里的参数和。
