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

Vue3：OptionsAPI 与 CompositionAPI的比较

news 2025/7/23 1:03:29

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

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造，完美适配AGV和无人叉车。同时，集成以太网与语音合成技术，为各类高级系统（如MES、调度系统、库位管理、立库等）提供高效便捷的语音交互体验。 L…...

编程新知 2025/7/22 15:17:04

边缘计算医疗风险自查APP开发方案

核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...

编程新知 2025/7/17 15:18:28

解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错

出现的问题安装 flash-attn 会一直卡在 build 那一步或者运行报错解决办法是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...

编程新知 2025/7/15 0:42:05

拉力测试cuda pytorch 把 4070显卡拉满

import torch import timedef stress_test_gpu(matrix_size16384, duration300):"""对GPU进行压力测试，通过持续的矩阵乘法来最大化GPU利用率参数:matrix_size: 矩阵维度大小，增大可提高计算复杂度duration: 测试持续时间（秒&…...

编程新知 2025/7/20 15:22:30

mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包

文章目录现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...

编程新知 2025/7/20 13:10:24

React---day11

14.4 react-redux第三方库提供connect、thunk之类的函数以获取一个banner数据为例子 store： 我们在使用异步的时候理应是要使用中间件的，但是configureStore 已经自动集成了 redux-thunk，注意action里面要返回函数 import { configureS…...

编程新知 2025/7/3 22:17:31

springboot整合VUE之在线教育管理系统简介

可以学习到的技能学会常用技术栈的使用独立开发项目学会前端的开发流程学会后端的开发流程学会数据库的设计学会前后端接口调用方式学会多模块之间的关联学会数据的处理适用人群在校学生，小白用户，想学习知识的有点基础，想要通过项…...

编程新知 2025/7/16 7:33:33

JavaScript 数据类型详解

JavaScript 数据类型详解 JavaScript 数据类型分为原始类型（Primitive） 和对象类型（Object） 两大类，共 8 种（ES11）： 一、原始类型（7种） 1. undefined 定…...

编程新知 2025/7/8 3:08:09

关于uniapp展示PDF的解决方案

在 UniApp 的 H5 环境中使用 pdf-vue3 组件可以实现完整的 PDF 预览功能。以下是详细实现步骤和注意事项： 一、安装依赖安装 pdf-vue3 和 PDF.js 核心库： npm install pdf-vue3 pdfjs-dist二、基本使用示例 <template><view class"con…...

编程新知 2025/7/8 0:02:00

SQL Server 触发器调用存储过程实现发送 HTTP 请求

文章目录需求分析解决第 1 步：前置条件，启用 OLE 自动化方式 1：使用 SQL 实现启用 OLE 自动化方式 2：Sql Server 2005启动OLE自动化方式 3：Sql Server 2008启动OLE自动化第 2 步：创建存储过程第 3 步：创建触发器扩展 - 如何调试？第 1 步：登录 SQL Server 2008第 2 步…...

编程新知 2025/7/22 5:17:43

1、Vue2

Options API 的弊端

2、Vue3

Composition API 的优势

相关文章：