Vue3 组合式函数

一、概述

1.1 概念解答

官方给出的解释：“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。

• 有状态の逻辑
  有状态の逻辑负责管理随着时间而变化的状态。在项目开发过程中，如：触摸手势、数据库的连接状态这些功能的实现。
• 无状态の逻辑
  在接收一些参数后，立即返回所期望的值，这就是无状态の逻辑。如构建前端应用时，常常会把一些日期格式化的函数，抽取到一个独立的 time.js 文件中，以便于在不同的组件或脚本中复用。当然无状态的逻辑库也有很多，如：lodash、moment 等。
• 无渲染组件 ：它只包括了可重用的逻辑 (数据获取、分页等) 而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。
  大部分能用无渲染组件实现的功能都可以通过组合式 API 以另一种更高效的方式实现，并且还不会带来额外组件嵌套的开销。所以如果只是纯逻辑的封装（不需要视图输出），建议使用组合式API实现。

1.2 核心知识概述

组合式函数约定用驼峰命名法命名&