一文解释什么是 Vue 里的 Composables?

235 阅读1分钟

什么是“Composable”?

在 Vue 应用中,“Composable”指的是一个利用 Vue 的 Composition API 封装和重用有状态逻辑的函数。

Composable 自查清单:

  1. 你的函数使用了其他 composable

  2. 你的函数使用了生命周期钩子

  3. 你的函数包含有状态逻辑(通常是一个 ref)

如何组织你的 Composition API 代码

  1. 常见错误:按选项分组

  2. 为与消息相关的内容创建一个 composable

  3. “秘密武器”——内联 composable

  4. 特定于该组件的可重用函数

Composables 概念的外延

有一本书《Composing Software - An Exploration of Functional Programming and Object Composition in JavaScript》,作者是 Eric Elliott。