Vue 注册组件,抽离 withInstall 方法
在组件中,我们通常需要使用 Vue.component 去注册组件后才能使用。最后,我们引入 withInstall 方法,组件注册方法变得更简洁了。
·
在组件中,我们通常需要使用 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)
更多推荐
已为社区贡献60条内容
所有评论(0)