可复用性
分类 | Composition API(Vue3) | Options API(Vue3) | Options API(Vue2) |
---|---|---|---|
插件 | app.use() v3.0 | - | Vue.use() v2.0 |
指令 | - | directives v3.0 | directives v2.0 |
- | app.directive() v3.0 | - | Vue.directive() v2.0 |
依赖注入 | provide() v3.0 | provide v3.0 | provide v2.2 |
- | app.provide() v3.0 | - | |
- | app.runWithContext() v3.3 | - | |
- | inject() v3.0 | inject v3.0 | inject v2.2 |
- | hasInjectionContext() v3.3 | - | - |
混入 | - | mixins v3.0 | mixins v2.0 |
- | app.mixin() v3.0 | - | Vue.mixin() v2.0 |
扩展 | - | extends v3.0 | extends v2.0 |
- | - | - | Vue.extend() v2.0 |
- | - | filters v2.0 | |
- | - | - | Vue.filter() v2.0 |
逻辑复用手段:
- 通用
- 插件
- app.use()
- Vue.use()
- 指令
- app.directive()
- Vue.directive()
directives
- app.directive()
- 依赖注入/上下文
- app.provide()
- provide()
provide
- inject()
inject
- app.runWithContext()
- hasInjectionContext()
- app.provide()
- 插件
- 组合式
- 高阶组件/装饰器
- 选项式
- 混入
- app.mixin()
- Vue.mixin()
mixins
- 扩展
- Vue.extend()
extends
- Vue2
- 过滤器
- Vue.filter()
- filters
- 实例结构
- $root
- $parent
- 过滤器
- 混入