Javascript 如何在选中复选框时将新值推入数组，在未选中复选框时使用Vue.js将其删除？

我刚开始学习vue.js，我有这样一个问题，我有动态数据，我使用“v-for”循环渲染，我还有一个空数组，我想在其中推送选中的复选框数据，并在取消选中后删除此数据，我还试图更新新数组，如果任何对象数据将发生更改，例如，如果我将第一个对象推送到一个空数组中，然后更新数量值，我不希望推送一个新对象，但也希望更新现有对象

const-app=new-Vue（{
el:“#应用程序”，
数据：（）=>（{
产品：[
{itemId:'330012929'，name:'testBook'，cashBack:'3.00'，价格：12.99，数量：1}，
{itemId:'330012922'，name:'testBook2'，cashBack:'4.00'，价格：12.2，数量：1}，
]
}),
方法：{
pushValue（arg）{
console.log（arg）
}
}
});

项目id:{x.itemId}


{{category}}



如果您在复选框输入中使用v-model并将其声明为array Vue，则Vue将自动为您执行此操作。
选中的类别数组将被选中。
将v-model放入此输入中。就这样。
    <ul class="category__list">
      <li v-for="(category, index) in categoriesData[categoryTitle]" :key="index">
        <input type="checkbox" :value="category" v-model="selectedCategories"> 
               {{category}}
      </li>
   </ul>