Javascript Can'；t增加/减少Vue中的数据属性值

我是Vue.js的新手，在Vue中面临一个简单的问题。我试图增加或减少数据属性中的一个值，并实时更新另一个相关值。下面是我的代码演示：

- 
{{product.quantity}
+
{{product.title}}
成本${calculateSubtotal（产品.价格，产品.数量）}

data（）{
返回{
产品：[
{
标题:"球",，
数量：2，
价格:25
},
{
标题:"蝙蝠",，
数量：1，
价格：79
},
]
}
},
方法：{
增量（n）{
返回n+=1；
},
减量（n）{
返回n-=1；
},
计算小计（价格、数量）{
退货价格*数量
}
}

预期产出：

---

按钮应可用于增加或减少价值，并实时计算成本。有人能帮我吗？提前感谢。

将整个

产品

传递给以下方法：

-
{{product.quantity}
+
{product.title}

并对其进行如下修改：

增量（p）{
p、 数量+=1；
},
减量（p）{
p、 数量-=1；
},

否则，该方法只接收值的副本并修改它，而不是对象属性

您可以不使用以下任何方法：

-
{{product.quantity}
+
{{product.title}}

它在@Dan起作用。非常感谢。你能回答我另一个问题吗，a如何从列表中删除一个项目。我是这样想的，不客气。最简单的删除方法如下：

remove

。或者您可以将索引传递给

remove（index）

方法，并调用此方法：

this.products.splice（index，1）

工作！但是如何在这里使用Vue.delete@Dan？

删除

。或者您可以将索引传递给

remove（index）

方法并调用此：

this.$delete（this.products，index）