前端vue2如何对比两个数组对象的元素哪个修改了，哪个新增了，哪个删除了，并在原数组打上对应的标记

在Vue.js中，如果你想要比较两个数组对象并找出哪些元素被添加、删除或修改了，可以使用`_.difference`, `_.intersection`, 和 `_.findIndex`等lodash库函数，或者使用JavaScript的`filter`, `indexOf`, 和 `includes`方法。这里是一个简单的示例步骤：

1. 首先，安装lodash库，如果尚未安装的话，可以使用npm或yarn命令：

   npm install lodash 或 yarn add lodash

2. 然后，在组件内部，假设我们有两个数组arr1和arr2：

import _ from 'lodash';

const arr1 = [/* ... */];
const arr2 = [/* ... */];

// 获取新添加的元素
const addedItems = _.difference(arr2, arr1);

// 获取被删除的元素
const removedItems = _.difference(arr1, arr2).map(item => ({ item, deleted: true }));

// 对于arr1中仍然存在的元素，检查它们是否已经被修改
const modifiedItems = arr1.filter((item, index) => {
  const updatedItem = _.find(arr2, { /* 指定查找条件，如 id 或者某个属性值相等 */ });
  if (updatedItem && updatedItem !== item) {
    // 如果找到不同，则标记为modified
    return { ...item, modified: true };
  }
  return null; // 如果没变化，则返回null
});

// 结果合并
const result = [...addedItems, ...removedItems, ...modifiedItems];

这样，`result`数组将包含`{ item, deleted: true }`, `{ item, modified: true }`等结构，表示元素的状态。