当前位置：首页 > news >正文

Vue3：OptionsAPI 与 CompositionAPI的比较

news 2026/2/10 12:56:07

1、Vue2

Vue2的API设计是Options（配置）风格的。

Options API 的弊端

Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、methods、computed，不便于维护和复用。

在这里插入图片描述

2、Vue3

Vue3的API设计是Composition（组合）风格的。

Composition API 的优势

可以用函数的方式，更加优雅的组织代码，让相关功能的代码更加有序的组织在一起。
在这里插入图片描述

Vue3：OptionsAPI 与 CompositionAPI的比较

1、Vue2 Vue2的API设计是Options（配置）风格的。 Options API 的弊端 Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别…...

编程日记 2024/3/6 7:15:38

Rust! 无VDom! 尤雨溪解析 Vue.js 2024 新特性

视频号搜索“云前端”观看视频版在 VueJS Amsterdam 2024 大会首日，Vue 创始人 Evan You 进行了开场主旨演讲。他首先回顾了 Vue 十年以来的累累硕果，指出 VueJS 从一个视图层工具，成功演化出全流程的社区生态。 Vue 3.4 谈到 Vue 3 的发展时…...

编程日记 2024/3/6 7:10:33

Windows上websocket客户端连接定时存储消息到文件并加载文件定时发送服务端工具实现

场景在业务开发中，需要对接三方websocket协议数据或者连接并存储线上websocket协议数据，需要使用websocket客户端连接线上的websocket服务端获取并存储数据，然后将数据存储成文件格式可移植，并将数据复制到本地，…...

编程日记 2024/3/6 7:08:32

【STM32+OPENMV】二维云台颜色识别及追踪

一、准备工作有关OPENMV最大色块追踪及与STM32通信内容，详情见【STM32HAL】与OpenMV通信有关七针OLED屏显示内容，详情见【STM32HAL】七针OLED(SSD1306)配置(SPI版) 二、所用工具 1、芯片：STM32F407ZGT6 2、CUBEMX配置软件 3、KEIL5 4…...

编程日记 2024/3/6 7:07:31

JavaScript基础3之面向对象关于面向过程、函数式编程、对比、构造函数、原型

JavaScript基础面向对象面向过程函数式编程命令式编程函数式编程特性副作用透明引用不可变变量函数是一等公民常见的函数式编程模型面向对象为什么要使用面向对象封装继承多态对比面向过程函数式编程面向对象构造函数原型constructor使用场景对象原型面向对象面向过程…...

编程日记 2024/3/6 7:04:28

运用Tensorflow进行目标检测

对象检测是一种计算机视觉技术，它使软件系统能够从给定的图像或视频中检测、定位并跟踪物体。对象检测的一个特殊属性是它能识别对象的类别（如人、桌子、椅子等）并在给定图像中指出其具体位置坐标。这个位置通常通过在物体周围绘制一个边界框…...

编程日记 2024/3/6 7:02:26

【源码】imx6ull实现触摸屏单点实验-移植tslib和qt

一、本实验实验的器材： 1.正点原子imx6ull的阿尔法开发板v2.2 2.屏幕ALIENTEK 4.3 RGBLCD 二、实验已经移植好的文件： 仓库代码：https://gitee.com/wangyoujie11/atkboard_-linux_-driver.git 1.文件说明 arm-qt.tar.bz2：移植好的…...

编程日记 2024/3/6 6:59:24

【JSON2WEB】07 Amis可视化设计器CRUD增删改查

总算到重点中的核心内容，CRUD也就是增删改查，一个设计科学合理的管理信息系统，95%的就是CRUD，达不到这个比例要重新考虑一下你的数据库设计了。 1 新增页面 Step 1 启动amis-editor Setp 2 新增页面名称和路径随便命名&#xf…...

编程日记 2024/3/6 6:56:22

ThreeJs同一个场景多个相机的显示

在threeJs开发数字孪生中，我们正常是需要使用一个相机，画面显示的内容也就是这个相机拍摄到的内容，但是是否可以添加多个相机，可以同时从不同角度观察模型呢，实际上是可以的，不过多个相机的拍摄到的画面肯定…...

编程日记 2024/3/6 6:55:21

Vue基础篇

Vue Vue是一套用于构建用户界面的渐进式JavaScript框架什么是渐进式? Vue可以自底向上逐层地应用; 当构建简单应用时, 只需一个轻量小巧的核心库; 当构建复杂应用时, 可以引入各式各样的Vue插件 Vue具有以下特点: 采用组件化模式, 提高代码复用率且让代码更好维护声明式编…...

编程日记 2024/3/6 6:54:20

计算机视觉基础知识(十六)--图像识别

图像识别信息时代的一门重要技术;目的是让计算机代替人类处理大量的物理信息;随着计算机技术的发展,人类对图像识别技术的认识越来越深刻;图像识别技术利用计算机对图像进行处理\分析\理解,识别不同模式的目标和对象;过程分为信息的获取\预处理\特征抽取和选择\分类器设计\分…...

编程日记 2024/3/6 6:52:17

数仓开发-2023/2/29

1.简单自我介绍 2.介绍下之前的公司离线数仓项目 3.sql和hivesql区别？ 4.sql的执行顺序？ 5.hive的优化 6.说下你之前公司来，你的技能层次在每个公司？你怎么评价你的技能？ 7.你的之前业务主要是做什么？我说了…...

编程日记 2024/3/6 6:50:15

ipv6过渡技术-IPv4 over IPv6隧道示例

实验拓扑如下： 环境概述： PC1和PC2与路由器之间为IPv4网络。两台路由器之间为IPv6网络，通过配置，要求是PC1与PC2能互通。即使IPv4可以在IPv6网络中通信。配置方法： AR1： # ipv6 # interface Gigabi…...

编程日记 2024/3/6 6:49:14

SpringBoot约定大于配置

什么是约定大于配置 "约定大于配置"（Convention Over Configuration）是一种理念，旨在通过默认约定和规则来减少开发人员需要做的配置工作。在Spring Boot框架中，这一原则得到了充分应用，帮助开发者更快地构…...

编程日记 2024/3/6 6:46:11

DHCP自动获取IP地址实验（华为）

思科设备参考：DHCP自动获取IP地址实验（思科） 一，实验目的路由器搭载DHCP，让PC通过DHCP自动获取IP地址二，不划分vlan--全局地址池实验拓扑配置命令 Router <Huawei>system-view [Huawei]ip po…...

编程日记 2024/3/6 6:38:04

探索Terraform实践：优化基础设施管理

Terraform 是管理基础设施及代码（IaC）最常用的工具之一，它能使我们安全且可预测地对基础设施应用更改。 Terraform作为一个强大的基础设施即代码工具，为开发人员和运维团队提供了一种简单而强大的方式来定义、部署和管理基础设施。…...

编程日记 2024/3/6 6:37:04

MYSQL高级_目录

2024持续更新中… MYSQL01高级_Linux版安装、各级别字符集、字符集与比较规则、SQL大小写规范 MYSQL02高级_目录结构、默认数据库、表文件、系统独立表空间 MYSQL03高级_新增用户、授予权限、授权底层表结构、角色理解 MYSQL04高级_逻辑架构剖析、查询缓存、解析器、优化器、执…...

编程日记 2024/3/6 6:32:59

MongoDB获评2023年Gartner®云数据库管理系统“领导者”

MongoDB 很荣幸在《2023 年 Gartner 云数据库管理系统 (CDBMS) 魔力象限》报告中被评为领导者。我们相信这一成就让 MongoDB 成为唯一一家连续两年斩获“领导者”称号的纯应用程序数据库服务提供商。社区及开发者数据平台用户的需求一向是 MongoDB 关注的重点，而这…...

编程日记 2024/3/6 6:31:57

基于FastAPI构造一个AI模型部署应用

前言 fastapi是目前一个比较流行的python web框架，在大模型日益流行的今天，其云端部署和应用大多数都是基于fastapi框架。所以掌握和理解fastapi框架基本代码和用法尤显重要。需要注意的是，fastapi主要是通过app对象提供了web服务端的实现代…...

编程日记 2024/3/6 6:30:57

【Unity】使用ScriptableObject存储数据

1.为什么要用ScriptableObject？ 在游戏开发中，有大量的配置数据需要存储，这个时候就需要ScriptableObject来存储数据了。很多人会说我可以用json、xml、txt，excel等等但是你们有没有想过，假设你使用的是json&#x…...

编程日记 2024/3/6 6:29:56

19c补丁后oracle属主变化，导致不能识别磁盘组

补丁后服务器重启，数据库再次无法启动 ORA01017: invalid username/password; logon denied Oracle 19c 在打上 19.23 或以上补丁版本后，存在与用户组权限相关的问题。具体表现为，Oracle 实例的运行用户（oracle）和集…...

编程新知 2026/2/8 4:37:10

idea大量爆红问题解决

问题描述在学习和工作中，idea是程序员不可缺少的一个工具，但是突然在有些时候就会出现大量爆红的问题，发现无法跳转，无论是关机重启或者是替换root都无法解决就是如上所展示的问题，但是程序依然可以启动。问题解决…...

编程新知 2026/2/8 6:37:38

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制指定固定的延迟级别通过在Message中设定一个MessageDelayLevel参数，对应18个预设的延迟级别指定时间点的延迟级别通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

编程新知 2026/2/10 7:12:07

label-studio的使用教程(导入本地路径)

文章目录 1. 准备环境2. 脚本启动2.1 Windows2.2 Linux 3. 安装label-studio机器学习后端3.1 pip安装(推荐)3.2 GitHub仓库安装 4. 后端配置4.1 yolo环境4.2 引入后端模型4.3 修改脚本4.4 启动后端 5. 标注工程5.1 创建工程5.2 配置图片路径5.3 配置工程类型标签5.4 配置模型5.…...

编程新知 2026/2/7 20:40:53

Spring Boot 实现流式响应（兼容 2.7.x）

在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...

编程新知 2025/8/11 8:18:44

安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件

在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...

编程新知 2026/2/5 17:57:20

centos 7 部署awstats 网站访问检测

一、基础环境准备（两种安装方式都要做） bash # 安装必要依赖 yum install -y httpd perl mod_perl perl-Time-HiRes perl-DateTime systemctl enable httpd # 设置 Apache 开机自启 systemctl start httpd # 启动 Apache二、安装 AWStats&#xff0…...

编程新知 2026/1/23 8:33:56