vue高阶组件, 什么是Vue高阶组件？

Vue高阶组件（HigherOrder Components，HOC）是一个基于Vue.js框架的概念，用于重用Vue组件逻辑。高阶组件本身不是Vue的官方特性，而是社区中的一种模式。这种模式通过接收一个组件作为参数，并返回一个新的组件来实现。这个新的组件通常会包含一些通用的逻辑或行为，这些逻辑或行为可以在多个组件之间共享。

高阶组件的主要目的是实现组件间的逻辑复用，特别是那些在多个组件中重复出现的逻辑。通过高阶组件，你可以将通用逻辑抽象出来，然后在多个组件中重用，从而减少代码重复，提高代码的可维护性。

高阶组件的实现方式通常是通过函数来实现。这个函数接收一个组件作为参数，并返回一个新的组件。这个新的组件会包含原始组件的实例，以及一些额外的逻辑或行为。

以下是一个简单的Vue高阶组件的示例：

```javascriptimport Vue from 'vue';

// 定义一个高阶组件function withLogger { return { name: `withLogger`, render { return h; this.$listeners.click