在vue 使用混入里面对数组操作

在 Vue.js 中，混入（Mixins）是一种将常用的功能、数据属性或者生命周期钩子等代码片段封装到单独的对象中，然后可以被多个组件复用的方式。如果你需要在Vue组件中对数组进行操作，特别是那些可能会被多个组件共享的行为，比如数组的增删改查操作，你可以在混入（Mixin）里定义这样的方法。

例如，你可以创建一个 Mixin 文件，名为 `arrayMethods.vue`：

// arrayMethods.vue
export default {
  data() {
    return {
      // 这里假设我们有这个数组
      sharedArray: [],
    }
  },
  methods: {
    addElement(element) {
      this.sharedArray.push(element);
    },
    removeElement(index) {
      this.sharedArray.splice(index, 1);
    },
    updateElement(index, newElement) {
      this.sharedArray[index] = newElement;
    },
    // 可能还有其他数组操作...
  }
}

然后在需要用到这些数组操作的组件中，通过 `mixins` 属性引入这个混入：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
import arrayMethods from './arrayMethods.vue';

export default {
  mixins: [arrayMethods],
  // 其他组件属性和方法...
}
</script>

现在，你在组件实例中就可以直接使用如 `addElement`、`removeElement` 等方法对 `sharedArray` 进行操作了。记得在每个组件的 `data` 里初始化或提供该数组，如果不需要的话也可以通过 `provide/inject` 或者 Prop 来传递。