组件间可复用逻辑封装
框架间横向对比
目前前端主要是面向组件开发,但随着组件越来越多,如何优雅地抽离和组织组件间可复用的逻辑非常重要,每个框架及框架不同版本有不同的处理方式:
框架
方式
实现方式
优点
缺点
Vue 2.0
mixin:mini版组件
directive:
plugin:Vue能力的扩展入口
mixin:
Vue 3.0
hooks
mixin(不推荐)
directive
plugin
React 18
hooks
Last updated
框架间横向对比
目前前端主要是面向组件开发,但随着组件越来越多,如何优雅地抽离和组织组件间可复用的逻辑非常重要,每个框架及框架不同版本有不同的处理方式:
Vue 2.0
mixin:mini版组件
directive:
plugin:Vue能力的扩展入口
mixin:
Vue 3.0
hooks
mixin(不推荐)
directive
plugin
React 18
hooks
Last updated