所有书本总价格: {{books[0].price + books[1].price +books[2].price + books[3].price }}
所有书本总价格: {{totalPrice}}
const app = new Vue({
el: '#app',
data() {
return {
books: [
{id: 100, name: '周文强牛逼0', price: 119},
{id: 101, name: '周文强牛逼1', price: 129},
{id: 102, name: '周文强牛逼2', price: 139},
{id: 103, name: '周文强牛逼3', price: 149},
],
}
},
computed: {
// filter/map/reduce
//es5for循环实现总数
// totalPrice: function() {
// let result = 0
// for(let i=0; i
// // result += this.books[i].price
// result = result + this.books[i].price
// }
// return result
// // return this.books[1].name + ' ' + this.books[2].name
// },
//es6for循环实现总数
// totalPrice: function() {
// let result = 0
// for(let i in this.books){
// result += this.books[i].price
// }
// return result
// },
//最牛逼的es6循环实现总数
totalPrice: function() {
let result = 0
for(let book of this.books){
result += book.price
}
return result
},
},
methods: {},
created: function() {},
mounted: function() {},
})