组件间可复用逻辑封装

框架间横向对比

目前前端主要是面向组件开发,但随着组件越来越多,如何优雅地抽离和组织组件间可复用的逻辑非常重要,每个框架及框架不同版本有不同的处理方式:

框架方式实现方式优点缺点

Vue 2.0

  • mixin:mini版组件

  • directive:

  • plugin:Vue能力的扩展入口

  • mixin:

Vue 3.0

  • hooks

  • mixin(不推荐)

  • directive

  • plugin

React 18

  • hooks

Last updated