Vue3组合式API
是什么?
组合式API(Composition API)是一系列API的集合 相关API
-
响应式API:eg: ref()和reactive(),直接创建响应式状态、计算属性和侦听器。
-
生命周期钩子:eg:onMounted()和onUnmounted(),在组件各个生命周期阶段添加逻辑。
-
依赖注入:eg:provide()和inject(),Vue的依赖注入系统
组合式API是Vue3以及Vue2.7的内置功能,更老的版本可使用插件@vue/composition-api
组合式API并不是函数式编程,组合式API是以Vue中数据可变的、细粒度的响应性系统为基础。函数式编程强调数据不可变。
组合式API的好处
- 更好的逻辑复用
选项式API的逻辑复用是mixins,组合式API解决mixins的所有缺陷(eg: 数据源不清晰、命名空间冲突等)
- 更灵活的代码组织
选项式API中,处理相同逻辑关注点的代码被强制拆分在不同的选项中了,位于文件的不同部分。
一方面需要在代码文件中反复上下滚动维护代码另一方面当需要将一个逻辑关注点抽取重构到一个可复用的工具函数中,需要从文件的多个不同部分找到所需的正确片段,选项式API将一个逻辑关注点的相关代码集中在不同的选项快间来回滚动切换,轻松的将一组代码移动到一个外部文件中,降低重构成本
-
更好的类型推导
-
更小的打包体积
学而不思则罔,思而不学则殆!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
2023-12-20 a-tree-select的使用案例
2023-12-20 React中在非组件中获取到路由信息