vue.js计算商品总价

可以使用计算属性来计算商品总价，假设商品列表数据如下：

data: {
  products: [
    { name: '商品1', price: 100, quantity: 2 },
    { name: '商品2', price: 50, quantity: 3 },
    { name: '商品3', price: 80, quantity: 1 }
  ]
}

则可以定义一个计算属性来计算商品总价：

computed: {
  total() {
    return this.products.reduce((total, product) => {
      return total + product.price * product.quantity;
    }, 0);
  }
}

在模板中使用计算属性：

<div>商品总价：{{ total }}</div>