Javascript 尽管有引用，V-model数组项仍无法更新

我的主要目的是收集多个库存的请求数量（未来使用）

*我试图为参考的v型模型制作计数器。 我做了这样的事情。但它不起作用：

newvue({
el:“#应用程序”，
数据：{
柜台：[]
},
方法：{
增量（x）{
这个.计数器[x]++
}
}
});

增量
您的代码不起作用有两个原因：

A） 您的数组是空的，因此当您将
计数器[i]
用作v型时，您使用的是
未定义的
，它不能递增

B） 您正在按索引修改数组，这在Vue中不起作用。要变异数组，您应该使用类似于
push
或
splice
的方法

要修复代码，必须解决两个问题。也就是说，必须使用数值初始化数组，并通过函数对数组进行变异，如下所示：


newvue({
el:“#应用程序”，
数据：{
柜台：[0，0]
},
方法：{
增量（x）{
此计数器拼接（x，1，此计数器[x]+1）；
}
}
});

增量
这可能并不漂亮，但它可以工作：


var-vm={
el:“#应用程序”，
数据：{
对台1:0,，
反击2:0,，
},
方法：{
增量（x）{
这个。计数器[x-1]++；
console.log（this.counter）；
}
}
}
vm.data.counter=[vm.data.counterel1，vm.data.counterel2]；
新Vue（vm）

增量