chunk-vendors.js：25177 [Vue 警告]：避免直接更改 prop，因为每当父组件重新渲染时，该值都会被覆盖。相反，使用基于 prop 值的 data 或 computed 属性。Prop 正在更改： “dataLists”

chunk-vendors.js文件中的警告提示是关于Vue组件间的props传递问题。当你直接尝试在父组件中修改通过props从子组件接收到的"dataLists"数据时，Vue会发出这个警告，因为props在设计上通常是只读的，防止意外的数据同步导致父组件和子组件的状态混乱。

Vue建议你在父组件中不应该直接修改prop的值，而应该创建一个data或computed属性来持有这个数据的副本，并基于这个副本来做相应的处理。这样做的目的是为了保持组件间的清晰责任边界，以及减少潜在的副作用。

例如，可以在父组件中这样做：

// 父组件
data() {
  return {
    dataListCopy: this.dataLists, // 使用深拷贝，防止直接修改影响到子组件
  };
},
methods: {
  updateDataList(newList) {
    this.dataListCopy = newList;
  }
}

然后在子组件的回调函数中，将新的列表传递给父组件：

<!-- 子组件 -->
<template>
  <button @click="submitData">提交数据</button>
</template>

<script>
export default {
  props: ['dataLists'],
  methods: {
    submitData() {
      this.$emit('update:dataLists', newDataList); // 使用$emit更新prop而非直接修改它
    }
  }
};
</script>

当你需要更新"dataLists"时，通过`$emit`从子组件触发`updateDataList`方法，父组件再接收并处理新传入的列表。