<div>
<ul>
<li v-for="(item,index) in list" :key='index'>{{item.name}} <span>{{item.price}}元</span></li>
</ul>
<div>总价:{{totalPric}}</div>
</div>
data(){
return{
list:[
{name:'iphone',price:100,id:1},
{name:'小米',price:10,id:2},
{name:'华为',price:80,id:3}
],
}
},
computed:{
totalPric(){
let prics = 0
for (let i = 0 ; i < this.list.length;i++){
//循环列表list 索引下标i
console.log(i)
prics += this.list[i].price
//每个list的price价格+=prics
}
return prics
}
},