首页 > 解决方案 > 是否可以创建一个在 Vue 中添加标记的“HOC”?

问题描述

在 React 中,我经常会构建 HOC,它会用一些标记来包装组件。例如,

const WithLabel = WrappedComponent => ({ label, ...props }) => (
  <label>
    <div>{label}</div>
    <WrappedComponent {...props }/>
  </label>
);

在 Vue 中是否有类似的结构?我已经阅读了关于 mixins 和 slot 的文档,并且已经看到了许多示例并阅读了有关其他人如何在 Vue 中创建 HOC 的文章。但我见过的所有示例或库似乎都无法处理标记修饰。

标签: vue.jshigher-order-components

解决方案


推荐阅读