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

Vue3学习第二天记录

news 2026/2/8 19:30:40

Vue3学习第二天记录

  • 背景
  • 说明
  • 截图记录
    • 一个简单的JS文件
    • Vue3的watch()函数
    • Vue3的toRef()/toRefs()函数
    • 前端数据类型的分类
    • 前端写一个对外暴露的函数
    • 前端的...语法
    • Vue3中watch()函数的总结
    • Vue3中watchEffect()函数
    • Vue3中watch()函数的坑
    • Vue3中computed()函数

背景

最近在学习尚硅谷的Vue2的入门课程, 后面也在Vue2的基础上介绍了一下Vue3, 这里简单做一个记录.

说明

个人学习笔记, 算是自己的一个简单的交付件, 可能对别人用处不大.

截图记录

一下是学习记录中的一些截图记录. 可能是当时有有点灵感. 后续也需要多多复习一下.

一个简单的JS文件

感觉就像一个非常简单的方法, 调用方只需要 userPoint() 就可以了, 非常简单. 但是实际项目中应该不会这样吧!
在这里插入图片描述

Vue3的watch()函数

有很多种场景, 具体用到的时候不妨再去查阅资料, 问问GPT
在这里插入图片描述

Vue3的toRef()/toRefs()函数

这里不能直接用ref(), 使用ref()其实是直接返回一个 RefImpl 的对象, 与上面的数据就是隔离开来的了.
在这里插入图片描述

前端数据类型的分类

总感觉前端的分类是: 基本数据类型, 普通对象, 数组.
但是在Java中就只有两类: 8大基本数据类型和引用数据类型
在这里插入图片描述

前端写一个对外暴露的函数

这个可以简写, 直接 export default function() {…}
使用默认暴露, 像是一个匿名函数.
在这里插入图片描述

前端的…语法

也是前端的基本功, 感觉是在解构一个对象. 把对象里面的属性都解构出来.
在这里插入图片描述

Vue3中watch()函数的总结

主要就监控属性, 笔记中老师列举了尽量多的场景, 这里留一个印象, 需要使用的时候再去深究.
在这里插入图片描述

Vue3中watchEffect()函数

这个函数就是, 你用到哪个属性我就去监视哪个属性.
直译过来感觉是: 起作用/生效的时候去监视.
在这里插入图片描述

Vue3中watch()函数的坑

老师讲解的版本中, watch()函数这个场景下不能正确获取oldValue
在这里插入图片描述

Vue3中computed()函数

和Vue2中computed配置功能是一样的.
在这里插入图片描述

相关文章：

Vue3学习第二天记录

Vue3学习第二天记录 背景说明截图记录一个简单的JS文件Vue3的watch()函数Vue3的toRef()/toRefs()函数前端数据类型的分类前端写一个对外暴露的函数前端的...语法Vue3中watch()函数的总结Vue3中watchEffect()函数Vue3中watch()函数的坑Vue3中computed()函数 背景 最近在学习尚硅…...

编程日记 2024/6/10 0:12:06

C语言：双链表

一、什么是双链表？ 双链表，顾名思义，是一种每个节点都包含两个链接的链表：一个指向下一个节点，另一个指向前一个节点。这种结构使得双链表在遍历、插入和删除操作上都表现出色。与单链表相比，双链表不仅可以…...

编程日记 2024/6/10 0:10:04

Java物业管理系统+数据库应用程序开发[JavaSE+JDBC+idea控制台+MySQL]

背景： 使用JavaSEJDBCMySQL技术实现一个物业管理系统，具体要求如下 物业管理系统需求： 需求分析 1.1用户需求分析 在进入系统之前，要进行身份确认，只有用户名和用户密码都相符的用户方可进入本系统，为…...

编程日记 2024/6/10 0:09:02

未在本地计算机上注册“Microsoft.ACE.OLEDB.12.0”提供程序。.net 读取excel的时候报错（实测有效）

1. 下载AccessDatabaseEngine.exe 下载链接 添加链接描述 2. office excel是64为的需要安装【AccessDatabaseEngine.exe】、32位的【AccessDatabaseEngine_X64.exe】 3. 我的是64为，跳过32位安装检测 1. 找到下载的安装包 2.输入安装包文件全称并在后面加上/pas…...

编程日记 2024/6/10 0:07:38

JVM垃圾收集器和性能调优

目标： 1.JVM垃圾收集器有哪几种？ 2.CMS垃圾收集器回收步骤。 一、JVM常见的垃圾回收器 为什么垃圾回收的时候需要STW? 标记垃圾的时候，如果不STW，可能用户线程就会不停的产生垃圾。 1.1 单线程收集 Serial和SerialOld使用单…...

编程日记 2024/6/10 0:05:24

汽车EDI——Volvo EDI 项目案例

项目背景 作为Volvo的长期合作伙伴，C公司收到Volvo的EDI对接邀请，需要实现EDI对接。C公司将会面临哪些挑战？又应该相应地选择何种EDI解决方案呢？ 汽车行业强调供需双方的高效协同（比如研发设计、生产计划、物流信息等…...

编程日记 2024/6/10 0:03:19

Qt应用程序发布

一、静态编译发布 1.0：以Release模式构建工程 1.1：查看当前构建生成路径，并将所生成的.exe单独拷贝出来 1.2：将可执行文件*.exe拷贝至任一目标文件夹：D:\Temporary\QQIF 2：查看安装Qt时发布工具windeployqt.exe所在的目录 windeployqt.exe在Qt开发套件的bin目录下。Qt的每…...

编程日记 2024/6/10 0:02:15

Python 机器学习 基础 之 【常用机器学习库】 NumPy 数值计算库

Python 机器学习 基础 之 【常用机器学习库】 NumPy 数值计算库 目录 Python 机器学习 基础 之 【常用机器学习库】 NumPy 数值计算库...

编程日记 2024/6/9 23:59:10

Linux Kernel nf_tables 本地权限提升漏洞(CVE-2024-1086)

文章目录 前言声明一、netfilter介绍二、漏洞成因三、漏洞危害四、影响范围五、漏洞复现六、修复方案临时解决方案升级修复方案 前言 2024年1月，各Linux发行版官方发布漏洞公告，修复了一个 netfilter:nf_tables 模块中的释放后重用漏洞（CVE-…...

编程日记 2024/6/9 23:56:01

[word] word如何清除超链接 #媒体#笔记#知识分享

word如何清除超链接 办公中，少不了使用word，这个是大家必备的软件，今天给大家分享下word如何清除超链接的操作办法，一起来学习下吧！ 1、清除所有超链接 按下组合键CtrlshiftF9，就可以将网上复制带有超链…...

编程日记 2024/6/9 23:52:58

【Linux】进程（9）：进程控制1

大家好，我是苏貝，本篇博客带大家了解Linux进程（9）进程控制1，如果你觉得我写的还不错的话，可以给我一个赞👍吗，感谢❤️ 目录 1 fork函数2 进程终止（A）终止是…...

编程日记 2024/6/9 23:49:51

华为RH2288H V3服务器iBMC的SSL证书续期

本文对华为RH2288H V3服务器iBMC的SSL证书续期，以避名登录告警提示及主机状态异常。 一、检查现网服务器iBMC的SSL证书到期时间 登录iBMC，点击配置--SSL证书，如下： 可以看到本服务器SSL证书将于今年7月22日到期。 二、联系厂家…...

编程日记 2024/6/9 23:48:50

ubuntu开机黑屏

BusyBox v1.30.1 (Ubuntu 1:1.30.1-4ubuntu6.1) built-in shell (ash) Enter help for a list of built-in commands. 解决： help 看看哪个盘出问题了 fsck -y /dev/sda1 （出问题的磁盘/分区） reboot 就可以进入系统了 fsck命令&#xf…...

编程日记 2024/6/9 23:47:49

【risc-v】arm和riscv有什么关系或者联系？

ARM和RISC-V都是基于精简指令集计算（RISC）原理的处理器架构，它们在设计理念上有一定的联系，但同时存在一些关键的区别： 设计理念：ARM和RISC-V都采用了RISC的核心设计原则，即通过简化指令集来提高…...

编程日记 2024/6/9 23:46:47

Flutter项目开发模版，开箱即用

前言 当前案例 Flutter SDK版本：3.22.2 每当我们开始一个新项目，都会 引入常用库、封装工具类，配置环境等等，我参考了一些文档，将这些内容整合、简单修改、二次封装，得到了一个开箱即用的Flutter开发模版…...

编程日记 2024/6/9 23:44:39

私有仓库搭建

目前市面上比较常见的私有仓库搭建方法为： 通过 Sinopia 或 verdaccio 搭建（Sinopia 已经停止维护，verdaccio 是 Fork 自 Sinopia，基本上大同小异），其优点是搭建简单，不需要其他服务。通过 cnp…...

编程日记 2024/6/9 23:43:25

axios设置 responseType为 “stream“流式获取后端数据

使用前景： 工作过程中遇到了后端接口响应过慢，前端界面一致loading的情况，这个时候可以尝试采用将Axios的responseType参数被设置为stream类型实现。 stream介绍： stream类型意味着你希望服务器响应的数据以Node.js流&#xff…...

编程日记 2024/6/9 23:41:38

Apache POI（使用Java读写Excel表格数据）

1.Apache POI简介 Apache POI是一个开源的Java库，用于操作Microsoft Office格式的文件。它支持各种Office文档的读写功能，包括Word文档、Excel电子表格、PowerPoint演示文稿、Outlook电子邮件等。Apache POI提供了一组API，使得Java开发者能够…...

编程日记 2024/6/9 23:38:20

golang中只用定义不用初始化的类型规律总结

在go语言的开发中，有很多的内置类型是我们只需要定义而不需要初始化的， 如上文中提到的bytes.Buffer， strings.Builder。 其实在go语言中官方给我们定义的很多的类型都只需要定义，不需要初始化。 他们都有2个共同的规律&#xff…...

编程日记 2024/6/9 23:37:19

数据库之PostgreSQL详解

一、PostgreSQL介绍 PostgreSQL是一个功能强大的 开源 的关系型数据库。底层基于C实现。 PostgreSQL的开源协议和Linux内核版本的开源协议是一样的。。BDS协议，这个协议基本和MIT开源协议一样，说人话，就是你可以对PostgreSQL进行一些封装&a…...

编程日记 2024/6/9 23:36:17

利用最小二乘法找圆心和半径

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...

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

XCTF-web-easyupload

试了试php&#xff0c;php7&#xff0c;pht&#xff0c;phtml等&#xff0c;都没有用 尝试.user.ini 抓包修改将.user.ini修改为jpg图片 在上传一个123.jpg 用蚁剑连接&#xff0c;得到flag...

编程新知 2026/2/8 3:54:15

Admin.Net中的消息通信SignalR解释

定义集线器接口 IOnlineUserHub public interface IOnlineUserHub {/// 在线用户列表Task OnlineUserList(OnlineUserList context);/// 强制下线Task ForceOffline(object context);/// 发布站内消息Task PublicNotice(SysNotice context);/// 接收消息Task ReceiveMessage(…...

编程新知 2025/9/10 5:36:56

Swift 协议扩展精进之路：解决 CoreData 托管实体子类的类型不匹配问题（下）

概述 在 Swift 开发语言中&#xff0c;各位秃头小码农们可以充分利用语法本身所带来的便利去劈荆斩棘。我们还可以恣意利用泛型、协议关联类型和协议扩展来进一步简化和优化我们复杂的代码需求。 不过&#xff0c;在涉及到多个子类派生于基类进行多态模拟的场景下&#xff0c;…...

编程新知 2026/1/23 4:56:05

DAY 47

三、通道注意力 3.1 通道注意力的定义 # 新增&#xff1a;通道注意力模块&#xff08;SE模块&#xff09; class ChannelAttention(nn.Module):"""通道注意力模块(Squeeze-and-Excitation)"""def __init__(self, in_channels, reduction_rat…...

编程新知 2026/2/4 23:29:22

Python爬虫（二）：爬虫完整流程

爬虫完整流程详解&#xff08;7大核心步骤实战技巧&#xff09; 一、爬虫完整工作流程 以下是爬虫开发的完整流程&#xff0c;我将结合具体技术点和实战经验展开说明&#xff1a; 1. 目标分析与前期准备 网站技术分析&#xff1a; 使用浏览器开发者工具&#xff08;F12&…...

编程新知 2025/10/19 5:48:51

学习STC51单片机32（芯片为STC89C52RCRC）OLED显示屏2

每日一言 今天的每一份坚持&#xff0c;都是在为未来积攒底气。 案例&#xff1a;OLED显示一个A 这边观察到一个点&#xff0c;怎么雪花了就是都是乱七八糟的占满了屏幕。。 解释 &#xff1a; 如果代码里信号切换太快&#xff08;比如 SDA 刚变&#xff0c;SCL 立刻变&#…...

编程新知 2026/2/6 0:50:24

算法岗面试经验分享-大模型篇

文章目录 A 基础语言模型A.1 TransformerA.2 Bert B 大语言模型结构B.1 GPTB.2 LLamaB.3 ChatGLMB.4 Qwen C 大语言模型微调C.1 Fine-tuningC.2 Adapter-tuningC.3 Prefix-tuningC.4 P-tuningC.5 LoRA A 基础语言模型 A.1 Transformer &#xff08;1&#xff09;资源 论文&a…...

编程新知 2026/1/23 11:58:06

iview框架主题色的应用

1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题&#xff0c;无需引入&#xff0c;直接可…...

编程新知 2026/1/31 9:29:45

Python Einops库：深度学习中的张量操作革命

Einops&#xff08;爱因斯坦操作库&#xff09;就像给张量操作戴上了一副"语义眼镜"——让你用人类能理解的方式告诉计算机如何操作多维数组。这个基于爱因斯坦求和约定的库&#xff0c;用类似自然语言的表达式替代了晦涩的API调用&#xff0c;彻底改变了深度学习工程…...

编程新知 2025/10/16 12:04:52