Skip to content

可复用性

分类Composition API(Vue3)Options API(Vue3)Options API(Vue2)
插件app.use() v3.0-Vue.use() v2.0
指令-directives v3.0directives v2.0
-app.directive() v3.0-Vue.directive() v2.0
依赖注入provide() v3.0provide v3.0provide v2.2
-app.provide() v3.0-
-app.runWithContext() v3.3-
-inject() v3.0inject v3.0inject v2.2
-hasInjectionContext() v3.3--
混入-mixins v3.0mixins v2.0
-app.mixin() v3.0-Vue.mixin() v2.0
扩展-extends v3.0extends v2.0
---Vue.extend() v2.0
过滤器--filters v2.0
---Vue.filter() v2.0

逻辑复用手段:

  • 通用
    • 插件
      • app.use()
      • Vue.use()
    • 指令
      • app.directive()
        • Vue.directive()
        • directives
    • 依赖注入/上下文
      • app.provide()
        • provide()
        • provide
        • inject()
        • inject
      • app.runWithContext()
        • hasInjectionContext()
  • 组合式
    • 高阶组件/装饰器
  • 选项式
    • 混入
      • app.mixin()
      • Vue.mixin()
      • mixins
    • 扩展
      • Vue.extend()
      • extends
    • Vue2
      • 过滤器
        • Vue.filter()
        • filters
      • 实例结构
        • $root
        • $parent