Vue.js 将我们自己的函数添加到Vuejs数据元素时

我有一个相当简单的Vuejs应用程序，我正在学习Vuejs。当我在数据属性中添加或删除数据时，我希望发生其他一些函数。代码如下所示：

data: {
  pricings: null,
},
mounted(){
  var somePrice = {"name":"service price", "price":"2.45"}
  this.pricings.push(somePrice);

}, 
methods:{
  callMe: function(){
     alert("call me");
  }
}

我希望当我从pricings中添加或删除某个其他方法时（在本例中为

callMe

）会被调用。我相信这是可能的，但我没有运气找到如何做到这一点

您可以使用或属性。这实际上取决于您的用例是什么

以以下为例：

Vue.config.productionTip=false；
Vue.config.devtools=false；
新Vue({
el:“#应用程序”，
数据：{
价格：[]，
},
安装的（）{
const somePrices=[{
“名称”：“服务”，
“价格”：“2.45”
}, {
“名称”：“另一项服务”，
“价格”：“5.25”
}, {
“姓名”：“服务三号”，
“价格”：“1.52”
}];
这个。价格。推动（…一些价格）；
},
方法：{
callMe:function（newVal）{
//console.log（newVal）；
//异步或昂贵的操作。。。
console.log（“呼叫我”）；
}
},
计算：{
pricingsum:function（）{
返回此.pricings.reduce（（总和，项目）=>sum+Number.parseFloat（项目.价格），0）；
}
},
观察：{
定价：函数（newVal）{
这个叫我（纽瓦尔）；
}
}
});



{{item.name}${{item.price}

总计：${pricingsSum}

通常在计算属性中执行此操作：（一个基于
数据值的计算函数。只要
pricings
发生变化，pricings
就会运行），就像@DanielBeck提到的，它可以通过计算属性完成。也可以使用watcher:thx——在我尝试破解jQuery部分和Vue部分之间的一些交互时，首先查看watcher。谢谢你的帮助！