在组件中,我们通常需要使用 Vue.component 去注册组件后才能使用。代码如下:

import CellValidate from './cell-validate'
CellValidate.install = function (Vue) {
  Vue.component('CellValidate', CellValidate)
}

export default CellValidate

提取 withInstall 方法,代码如下:

export const withInstall = (component) => {
  component.install =  function (Vue) {
    Vue.component(component.name, component)
  }
  return component
}

最后,我们引入 withInstall 方法,组件注册方法变得更简洁了。

import CellValidate from './cell-validate'
import { withInstall } from '@/utils/business/util.js'

export default withInstall(CellValidate)
Logo

前往低代码交流专区

更多推荐