// 定义一个高阶组件
const withLogging = (WrappedComponent) => {
  return {
    created() {
      console.log(`Component '${WrappedComponent.name}' created.`);
    },
    destroyed() {
      console.log(`Component '${WrappedComponent.name}' destroyed.`);
    },
    render(h) {
      return h(WrappedComponent, this.$slots.default);
    },
  };
};

// 定义一个普通组件
const MyComponent = {
  template: `
    <div>
      <h1>Hello, World!</h1>
    </div>
  `,
};

// 使用高阶组件包装普通组件
const MyEnhancedComponent = withLogging(MyComponent);

// 在应用中使用增强后的组件
new Vue({
  render: (h) => h(MyEnhancedComponent),
}).$mount("#app");