前端vue2如何对比两个数组对象的元素哪个不一样，哪个新增了，哪个删除了

在Vue2中，你可以通过比较两个数组对象并使用JavaScript的`Array.prototype.diff`方法或者一些第三方库如`lodash`或自定义函数来找出它们之间的差异。这里是一个基本的步骤：

1. **安装依赖** (如果使用第三方库)：
对于`lodash`，你可以使用npm或yarn安装：

   npm install lodash

2. **使用`_.differenceWith`或`_.isEqual`**：
使用`lodash`的`_.differenceWith`方法可以找到新添加的元素，而`_.isEqual`可以判断哪些元素已更改：

   const _ = require('lodash');

   function compareArrays(arr1, arr2) {
     const added = _.differenceWith(arr2, arr1, _.isEqual); // 新增元素
     const removed = _.differenceWith(arr1, arr2, _.isEqual); // 删除元素
     const updated = arr1.filter(item => !arr2.includes(item)); // 更新（改变）的元素
     return { added, removed, updated };
   }
   
   const result = compareArrays(array1, array2);

3. **自定义函数** (无依赖):
如果不使用第三方库，你可以创建一个自定义函数来实现这个功能，例如：

   function compareObjects(a, b) {
     const added = b.filter(bItem => !a.includes(bItem));
     const removed = a.filter(aItem => !b.includes(aItem));
     const updated = a.filter(item => b.some(bItem => item !== bItem));
     return { added, removed, updated };
   }

   const result = compareObjects(array1, array2);

记得将`array1`和`array2`替换为你要比较的实际数组。