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

14-Vue技术栈之Vue3快速上手

news 2026/4/4 4:13:44

目录

    • 1.Vue3简介
    • 2. Vue3带来了什么
      • 2.1 性能的提升
      • 2.2 源码的升级
      • 2.3 拥抱TypeScript
      • 2.4 新的特性

1、海贼王，我当定了！——路飞
2、人，最重要的是“心”啊！——山治
3、如果放弃，我将终身遗憾。——路飞

4、人的梦想是永远不会结束的！——黑胡子

5、如果是敌人的话，我就斩了他！——索隆

6、任何的存在并不是一种罪恶。——弗朗基

7、我是不会死的，伙伴！——哥尔·d·罗杰

8、不打败你，我就什么也守护不了！——路飞

9、你以为付钱的就是大爷吗？——尾田荣一郎

1.Vue3简介

  • 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）
  • 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
  • github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0

2. Vue3带来了什么

2.1 性能的提升

  • 打包大小减少41%

  • 初次渲染快55%, 更新渲染快133%

  • 内存减少54%

    …

2.2 源码的升级

  • 使用Proxy代替defineProperty实现响应式

  • 重写虚拟DOM的实现和Tree-Shaking

    …

2.3 拥抱TypeScript

  • Vue3可以更好的支持TypeScript

2.4 新的特性

  1. Composition API（组合API）

    • setup配置
    • ref与reactive
    • watch与watchEffect
    • provide与inject
    • …

  2. 新的内置组件

    • Fragment
    • Teleport
    • Suspense

  3. 其他改变

    • 新的生命周期钩子
    • data 选项应始终被声明为一个函数
    • 移除keyCode支持作为 v-on 的修饰符
    • …

相关文章：

14-Vue技术栈之Vue3快速上手

目录 1.Vue3简介2. Vue3带来了什么2.1 性能的提升2.2 源码的升级2.3 拥抱TypeScript2.4 新的特性 1、海贼王，我当定了！——路飞 2、人，最重要的是“心”啊！——山治 3、如果放弃，我将终身遗憾。——路飞 4、人的梦想是…...

编程日记 2023/5/31 1:37:30

JavaScript高级三、深入面向对象

零、文章目录 JavaScript高级三、深入面向对象 1、编程思想 （1）面向过程介绍 面向过程：分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。 （2&…...

编程日记 2023/5/31 1:32:29

static

1. 静态局部变量 ： 用于函数体的内部修饰变量，这种变量的生存期长于该函数。 2. 静态全局变量： 定义在函数体外，用于修饰全局变量，表示该变量只在本文件可见。 3. 静态函数： 准确的说，静态函数跟…...

编程日记 2023/5/31 1:27:28

zabbix动作执行失败 No media defined for user.

问题 zabbix动作执行失败 No media defined for user. 详细问题 解决方案 1（导航栏）用户 → \rightarrow →报警媒介 → \rightarrow →添加 2 选择类型 → \rightarrow →收件人 → \rightarrow →添加 3 更新 解决原因 笔者由于未点击更新钮导…...

编程日记 2023/5/31 1:22:27

JavaScript this 关键字

在JavaScript中，this关键字是一个特殊的关键字，它在函数内部使用，用于引用当前执行上下文中的对象。 this的值是在函数调用时动态确定的，它取决于函数的调用方式。下面列举了几种常见的调用方式和this的取值： 1. 全局…...

编程日记 2023/5/31 1:17:26

ubuntu基本信息查询

查询CPU信息 cat /proc/cpuinfo cat /proc/stat top lscpu 查询内存 free -m Options: -b, --bytes show output in bytes -k, --kilo show output in kilobytes -m, --mega show output in megabytes -g, --giga show output in gigab…...

编程日记 2023/5/31 1:12:25

Revit问题：创建牛腿柱和快速生成圈梁

一、Revit中如何用体量创建牛腿柱 牛腿：悬臂体系的挂梁与悬臂间必然出现搁置构造，通常就将悬臂端和挂梁端的局部构造，又称梁托。牛腿的作用是衔接悬臂梁与挂梁， 并传递来自挂梁的荷载。牛腿柱可以用于桥梁、厂房的搭建&#xff0c…...

编程日记 2023/5/31 1:07:23

k8s节点删除

1.设置该节点为不可调度状态 kubectl cordon k8s-node01 2.驱逐该节点上的pod kubectl drain k8s-node01 --ignore-daemonsets --delete-local-data 若是有pod删除不掉则加上--force参数强制驱逐 3.从集群中删除该node节点 kubectl delete node k8s-node01 4.在k8s-node…...

编程日记 2023/5/31 1:02:23

45°装备系统

45装备系统，规则：1、45 脚后剧情，场景地面出现，个体视角，非群体。2、产生寒暖对立，衣饰自动改变。3、地图下方块蛇，脚步顺逆差，让衣饰自动改变后出现形态特效。（形成进入…...

编程日记 2023/5/31 0:57:22

逻辑漏洞学习-身份验证漏洞

逻辑漏洞就是程序在实现业务逻辑上存在的错误，辑漏洞的出现通常是因为程序在设计业务逻辑时考虑不够全面，或者程序员的思维过程存在瑕疵，没有充分考虑到各种可能的情况 大部分程序员在设计的时候，目标是实现功能需求，…...

编程日记 2023/5/31 0:52:21

【ChatGPT】ChatGPT自动生成思维导图

参考视频：https://edu.csdn.net/learn/38346/613917 应用场景：自学，“研一学生如何学习机器学习”的思维导图 问：写一个“研一学生如何学习机器学习”的思维导图内容，以markdown代码块格式输出 # 研一学生如何学习…...

编程日记 2023/5/31 0:47:19

cf1200构造15道

最近做构造，想对比下先做后看答案归纳，留下思路之后直接看答案归纳，然后再统一检测，还有直接看答案，归纳，检测三种方法哪种效率高些，于是先做个十五题试试第一个方法，花3天写了15道构…...

编程日记 2023/5/31 0:42:18

【JavaSE】Java基础语法(十七)

文章目录 1. final2. 代码块2.1 代码块概述2.2 代码块分类 1. final fianl关键字的作用 final代表最终的意思，可以修饰成员方法，成员变量，类 final修饰类、方法、变量的效果 fianl修饰类：该类不能被继承（不能有子类&a…...

编程日记 2023/5/31 0:37:17

《Spring Guides系列学习》guide11 - guide15

要想全面快速学习Spring的内容，最好的方法肯定是先去Spring官网去查阅文档，在Spring官网中找到了适合新手了解的官网Guides，一共68篇，打算全部过一遍，能尽量全面的了解Spring框架的每个特性和功能。 接着上篇看过的gu…...

编程日记 2023/5/31 0:32:16

软件测试面试了一个00后，让我见识到了什么是内卷届的天花板

公司前段缺人，也面了不少测试，结果竟然没有一个合适的。一开始瞄准的就是中级的水准，也没指望来大牛，提供的薪资也不低，面试的人很多，但平均水平很让人失望。令我印象最深的是一个00后测试员，他…...

编程日记 2023/5/31 0:27:15

JAVA BigDecimal 比较大小 、计算

1&#xff1a;比较大小 注意&#xff1a;使用compareTo&#xff08;&#xff09;方法比较大小时 参与比较的两个值 必须有值 不能为空 BigDecimal a new BigDecimal("3"); BigDecimal b new BigDecimal("4"); if (a.compareTo(b) < 0) { System.…...

编程日记 2023/5/31 0:22:14

并发编程Bug的根源

并发编程Bug的根源 并发编程Bug是指在多线程编程中出现的错误。并发编程需要考虑多个线程同时执行的情况&#xff0c;因此需要特别小心&#xff0c;以避免出现各种问题。在本文中&#xff0c;我们将探讨并发编程Bug的根源&#xff0c;并提供一些例子&#xff0c;以帮助读者更好…...

编程日记 2023/5/31 0:17:13

从零搭建微服务-认证中心（二）

写在最前 如果这个项目让你有所收获&#xff0c;记得 Star 关注哦&#xff0c;这对我是非常不错的鼓励与支持。 源码地址&#xff1a;https://gitee.com/csps/mingyue 文档地址&#xff1a;https://gitee.com/csps/mingyue/wikis 创建新项目 MingYue Idea 创建 maven 项目这…...

编程日记 2023/5/31 0:12:12

python入门（11）面向对象 ：模块与包

1. 模块 1.1 什么是模块 在 Python 中&#xff0c;模块是一个包含了函数、类和变量的文件。模块提供了一种组织代码的方式&#xff0c;使得代码更加可重用和可维护。你可以使用 Python 内置的模块&#xff0c;也可以创建自己的模块。 Python 模块的特点包括&#xff1a; 封装…...

编程日记 2023/5/31 0:07:06

《深入理解计算机系统(CSAPP)》第3章 程序的机器级表示 - 学习笔记

写在前面的话&#xff1a;此系列文章为笔者学习CSAPP时的个人笔记&#xff0c;分享出来与大家学习交流&#xff0c;目录大体与《深入理解计算机系统》书本一致。因是初次预习时写的笔记&#xff0c;在复习回看时发现部分内容存在一些小问题&#xff0c;因时间紧张来不及再次整理…...

编程日记 2023/5/31 0:02:05

丹青幻境效果对比：Z-Image底座 vs SDXL在人物结构准确率与衣纹表现力评测

丹青幻境效果对比&#xff1a;Z-Image底座 vs SDXL在人物结构准确率与衣纹表现力评测 1. 评测背景与意义 在数字艺术创作领域&#xff0c;人物结构准确性和衣纹表现力一直是衡量AI绘画模型质量的关键指标。本次评测聚焦于丹青幻境采用的Z-Image底座与业界知名的SDXL模型&…...

编程新知 2026/4/4 4:07:59

OpenClaw调试技巧：Qwen3.5-9B-AWQ-4bit任务链路日志分析

OpenClaw调试技巧&#xff1a;Qwen3.5-9B-AWQ-4bit任务链路日志分析 1. 为什么需要关注OpenClaw日志 上周我在用OpenClaw对接Qwen3.5-9B-AWQ-4bit模型处理图片分析任务时&#xff0c;遇到了一个诡异现象&#xff1a;同样的图片上传指令&#xff0c;有时能成功返回分析结果&am…...

编程新知 2026/4/4 2:33:19

STM32看门狗库设计与FreeRTOS工程实践

1. STM32看门狗&#xff08;Watchdog&#xff09;库深度解析与工程实践1.1 看门狗在嵌入式系统中的核心价值在工业控制、医疗设备、汽车电子等对可靠性要求极高的嵌入式场景中&#xff0c;软件死锁、硬件异常、电磁干扰导致的程序跑飞是必须应对的关键风险。STM32微控制器内置的…...

编程新知 2026/4/4 2:11:08

手把手教你用Vivado仿真FPGA乘法器：从Testbench编写到波形调试全流程指南

FPGA乘法器仿真实战&#xff1a;Vivado Testbench编写与波形调试全解析 第一次接触FPGA乘法器仿真时&#xff0c;我盯着屏幕上那些跳动的波形线&#xff0c;完全不知道它们在传达什么信息。直到后来通过反复实践&#xff0c;才真正理解如何通过仿真验证一个乘法器模块的正确性。…...

编程新知 2026/4/3 23:48:55

【ASTM D4169】之穿梭机器人，仓储机器人，托盘四向穿梭机器人的包装运输安全验证守法

穿梭机器人&#xff08;通常指托盘四向穿梭车、智能物流机器人&#xff09;的包装验证&#xff0c;核心目标是确保其在经历长途运输、仓储周转、装卸搬运后&#xff0c;机械结构、电子元器件和功能性能保持完好。 穿梭机器人的包装验证体系相对复杂&#xff0c;因为它既是运输…...

编程新知 2026/4/3 21:23:53

风冷机房温湿度数据采集解决方案

对部分气候干旱的地区来说&#xff0c;使用风冷技术对数据机房进行冷却是比较合适的方案&#xff0c;但高能耗问题仍需要避免与管控&#xff0c;要求环境温湿度与散热效率进行合理分配。对此&#xff0c;物通博联提供温湿度数据采集到机房管理平台的解决方案。 需求如下 温湿度…...

编程新知 2026/4/3 20:59:37

PromptSource批量操作工具：一次性修改数百个提示模板的技巧

PromptSource批量操作工具&#xff1a;一次性修改数百个提示模板的技巧 【免费下载链接】promptsource Toolkit for creating, sharing and using natural language prompts. 项目地址: https://gitcode.com/gh_mirrors/pr/promptsource PromptSource是一个强大的自然语…...

编程新知 2026/4/3 19:39:04

Laravel Stats Tracker与Google Analytics对比分析：自建统计系统的优势

Laravel Stats Tracker与Google Analytics对比分析&#xff1a;自建统计系统的优势 【免费下载链接】tracker Laravel Stats Tracker 项目地址: https://gitcode.com/gh_mirrors/tr/tracker 在网站分析和用户行为跟踪领域&#xff0c;Google Analytics无疑是业界标杆&am…...

编程新知 2026/4/3 19:28:53

ARM Cortex M0 and M0+ 学习：Architecture

Block Diagram Operation Mode The ARMv6-M architecture has two operation modes and two states. In addition, it can have privileged and unprivileged access levels. Core Registers R0-R12：通用寄存器 R13（SP）：存储主栈指针MSP或进程指针PSP，目的是帮助CPU在栈中…...

编程新知 2026/4/3 18:52:26

三相三电平维也纳Vienna整流器DPWM调制仿真之旅

三相三电平维也纳Vienna整流器 DPWM调制仿真 Matlab2020a 双PI控制 锁相环控制 电容电压平衡控制 最大相钳位 过零畸变 零序分量注入实现最大相钳位消除过零畸变 基于载波调制实现 谐波畸变率对比分析 电压利用率对比分析 交流侧电压有效值 220V/50Hz 额定输出功率10kw 直…...

编程新知 2026/4/3 18:19:44