首页 > 其他分享 >组合式API和选项式API的区别

组合式API和选项式API的区别

时间:2023-09-16 17:45:48浏览次数:29  
标签:组合式 选项 逻辑 代码 API vue3

(1)选项式API

在 vue2.x 项目中使用的就是 选项API 写法

代码风格:date选项写数据,methods选项写函数、、、、,一个功能逻辑的代码分散

优点:易于学习和使用,写代码的位置已经约定好了

缺点:代码组织性差,相似的逻辑代码不便于复用,逻辑复杂代码多了不好阅读。

虽然提供了 mixins 用来封装逻辑,但是出现数据函数覆盖的概率很大,不好维护

 

(2)组合 API

什么是组合 API : 在 vue3 中使用的就是 组合API 写法

代码风格:一个功能逻辑的代码组织在一起(包括数据,函数、、、)

优点:功能逻辑复杂繁多情况下,各个功能逻辑代码组织再一起,便于阅读和维护

缺点:需要有良好的代码组织能力和拆分逻辑能力 (在 vue3 中也可以支持 vue2 选项API 写法)

 

(3)组合式API和选项式API的关系

选项式和组合式 API 的关系

1. 组合式 API 的目的是增强,不是取代选项式 API , vue3 对两种 API 都支持

2. 简单的场景使用选项式 API 更加简单方便

3. 需要强烈支持 TS 的项目首选组合式 API

4. 需要大量逻辑复用的场景首选组合式 API

 

标签:组合式,选项,逻辑,代码,API,vue3
From: https://www.cnblogs.com/brillant/p/17707015.html

相关文章

  • 如何成功将 API 客户的 transformer 模型推理速度加快 100 倍
    ......
  • obs上传文件到服务器,附件同步到华为云OBS存储备份实践(服务端API应用)
    usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingGrapeCity.Forguncy.ServerApi;usingOBS;usingOBS.Model;namespaceFileToHuaweiOBS{publicclassFileToHuaweiOBS:Forgunc......
  • YApi 私有化部署(Win)
    YApi官方文档介绍了可视化部署和命令行部署两种私有化部署方式,下面在官方文档的基础上介绍第二种部署方法。环境准备要求有Node(7.6+)、MongoDB(2.6+)、Git。这里只介绍MongoDB的安装。到download/community下载MongoDB,我下载的是7.0.1版。安装MongoDB(见如何在Wind......
  • FastAPI学习-14. JSONResponse 返回JSON内容
    当你创建一个 FastAPI 路径操作 时,你可以正常返回以下任意一种数据:dict,list,Pydantic模型,数据库模型等等。FastAPI 默认会使用 jsonable_encoder 将这些类型的返回值转换成JSON格式,默认情况下会以content-type:application/json格式返回在有些情况下,我们需要在路径操......
  • 设备维修保养通知:如何使用API接口发送通知给相关人员
     在设备维修保养管理中,及时通知相关人员是确保设备得到及时维护的关键。API接口提供了一个方便的方式来自动发送维修保养通知,以确保工作流程的顺利进行。本文将详细介绍如何使用成熟的API接口来发送设备维修保养通知,以确保设备得到及时的维护,同时提供通俗易懂的步骤和代码说明。......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • shell命令概述 Shell作用:命令解释器 介于操作系统内核与用户之间,负责解释命令行 获得
    shell命令概述Shell作用:命令解释器介于操作系统内核与用户之间,负责解释命令行获得命令帮助内部命令help命令的“--help”选项使用man命令阅读手册页命令行编辑的几个辅助操作Tab键:自动补齐反斜杠“\”:强制换行快捷键Ctrl+U:清空至行首快捷键Ctrl+K:清空至行尾快捷键Ctr......
  • knife4j——集成Swagger生成Api文档
      首先是依赖导入<dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-spring-boot-starter</artifactId><version>3.0.2</version></dependency>    然后是配置文件中的配置/***配置类,注册web层相关组件......
  • Apipost你了解嘛?看这篇文章就够了
    在数字化时代,API已经成为了应用程序之间进行通信的关键桥梁。随着API的普及和复杂性的增加,API研发和管理也面临着越来越多的挑战。为了更好地应对这些挑战,Apipost提供了一整套API研发工具,包括API设计、API调试、API文档和API自动化测试等功能。本文将深入介绍Apipost的优势和特点,......