vue封装的时候如何继承第三方的数组，完整例子

在Vue中封装时，继承第三方数组通常涉及到创建一个新的Vue组件或插件，并且在这个过程中使用到第三方数组的方法。这里有一个简单的例子来说明如何在Vue组件中封装并继承一个第三方数组库（例如，Lodash的数组方法）。

首先，你需要安装lodash这个库：

npm install lodash

然后，在你的Vue组件中，你可以这样使用：

<template>
  <div>
    <p>原始数组: {{ originalArray }}</p>
    <p>过滤后的数组: {{ filteredArray }}</p>
  </div>
</template>

<script>
import _ from 'lodash';

export default {
  data() {
    return {
      originalArray: [1, 2, 3, 4, 5],
    };
  },
  computed: {
    // 使用lodash的filter方法来创建一个新的响应式数组
    filteredArray() {
      // 假设我们要过滤掉所有偶数
      return _.filter(this.originalArray, (item) => item % 2 !== 0);
    }
  }
};
</script>

在上面的例子中，我们在Vue组件的`data`函数中定义了一个原始数组`originalArray`。然后在计算属性`computed`中，我们使用了lodash的`filter`方法来创建一个新的数组`filteredArray`，这个数组会根据条件过滤掉所有偶数。

这种方法的好处是保持了数据的响应性。当原始数组`originalArray`发生变化时，由于`filteredArray`依赖于`originalArray`，所以它会自动更新。