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

2025/1/20 学习Vue的第三天

news 2026/2/9 22:23:20

玩性太大了玩得也不开心，天天看电视刷视频。

内心实在空洞。= =最近天天看小红书上的外国人，结实外国友人（狗头）哈哈哈认识了不少人，有埃及的有美国的，还有天天看菲利普吃糖葫芦哈哈哈哈哈一个阳光的德国大男孩，给人感觉特别热爱生活。好喜欢。、也好想和他一样阳光开朗。

每天都要打八段锦打卡到梦空间。每天都要学习。要早睡早起才可以。

▶ 我看过

---------------------------------------------------------------------------------------------------------------------------------

08.数据绑定

数据有两种绑定方式：单向绑定和双向绑定

双向绑定指的是，能够通过对屏幕上的输入改变后台的值。

而单向绑定只能通过后台改变屏幕的值

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="../JS/vue.js"></script>
</head>
<body><div id="root">单向数据绑定:<input type="text" v-bind:value="name"><br>双向数据绑定:<input type="text" v-model:value="name"><!-- 这样写是错误的适合双向绑定的标签有单选框多选框输入框 能够在页面进行标签--><h1 v-model:value:x="name">喜羊羊</h1></div>
</body>
<script type="text/javascript"> new Vue({el:'#root',data:{name:'尚硅谷'}})
</script>
</html>

09.el与data 的两种写法

由于我们之后会步入组件化的学习，所以先提前给我们交代写法。

第一种方式是我们之前学习的默认模板

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>el和data的两种写法</title><script src="../JS/vue.js"></script>
</head>
<body><div id="root"><h1>你好，{{name}}</h1></div><script>new Vue({el:'#root',data:{name:'尚硅谷'}})</script>
</body>
</html>

第二种写法：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>el和data的两种写法</title><script src="../JS/vue.js"></script>
</head>
<body><div id="root"><h1>你好，{{name}}</h1></div><script>const v=  new Vue({// 第一种写法// el:'#root',// data:{// }// 第二种写法data(){return{name:'尚硅谷'       }}})v.$mount('#root')</script>
</body>
</html>

10.理解MVVM

Vue虽然没有完全遵循MVVM模型，但是Vue的设计也受到了它的启发。

因此在文档中会使用vm去对应实例

M：model(模型) 对应data中的数据

V：view(视图) ：模板

VM：视图模型（ViewModel）:Vue实例对象

我感觉这里的话，面试可能会提问，因为感觉上是一个很经典的问题哈哈哈（狗头）。

比如会问你，MVVM是什么？

我们可以首先回答英文缩写分别是什么，之后再引入一个Vue实例进行阐述。

vm里有的，都可以通过出现在视图里。

data都可以出现在VM 里。

V通常就是HTML代码，也就是老师说到的模板代码

M就是Vue下面的data数据

VM就是Vue实例

2025/1/20 学习Vue的第三天

玩性太大了玩得也不开心，天天看电视刷视频。内心实在空洞。最近天天看小红书上的外国人，结实外国友人（狗头）哈哈哈认识了不少人，有埃及的有美国的，还有天天看菲利普吃糖葫芦哈哈哈哈哈一个阳光的德国大男…...

编程日记 2025/1/21 9:23:25

Kotlin Bytedeco OpenCV 图像图像49 仿射变换图像裁剪

Kotlin Bytedeco OpenCV 图像图像49 仿射变换图像裁剪 1 添加依赖2 测试代码3 测试结果在OpenCV中，仿射变换（Affine Transformation）和透视变换（Perspective Transformation）是两种常用的图像几何变换方法。变换方…...

编程日记 2025/1/21 9:18:21

金融项目实战 07|Python实现接口自动化——连接数据库和数据清洗、测试报告、持续集成

目录一、投资模块（投资接口投资业务） 二、连接数据库封装和清洗数据 1、连接数据库 2、数据清洗 4、调用三、批量执行测试用例并生成测试报告四、持续集成 1、代码上传gitee 2、Jenkin持续集成一、投资模块（投资接口投资业务…...

编程日记 2025/1/21 9:15:11

（快速入门）保姆级详细的 Midjourney 基础教程

一、前言篇 1. 1. AI 绘图是什么？ AI 绘画，顾名思义就是利用人工智能进行绘画，是人工智能生成内容（AIGC）的一个应用场景。其主要原理简单来说就是收集大量已有作品数据，通过算法对它们进行解析，最后再生成新作品，而算法也便是 AI 绘画的核心，是它得以爆火的基础…...

编程日记 2025/1/21 9:13:06

leetcode——找到字符串中所有字母异位词（java）

给定两个字符串 s 和 p，找到 s 中所有 p 的异位词的子串，返回这些子串的起始索引。不考虑答案输出的顺序。示例 1: 输入: s "cbaebabacd", p "abc" 输出: [0,6] 解释: 起始索引等于 0 的子串是 "cba", 它是 "…...

编程日记 2025/1/21 9:09:00

大文件上传服务-后端V1V2

文章目录大文件上传概述:minio分布式文件存储使用的一些技术校验MD5的逻辑 uploadV1 版本 1uploadv2 版本 2 大文件上传概述: 之前项目做了一个文件上传的功能,最近看到有面试会具体的问这个上传功能的细节，把之前做的项目拿过来总结一下，自己写的一个…...

编程日记 2025/1/21 9:07:56

Single-Model and Any-Modality for Video Object Tracking——2024——cvpr-阅读笔记

Single-Model and Any-Modality for Video Object Tracking 摘要相关工作创新处MethodShared embeddingModal promptingRGB Tracker based on TransformerOverall ExperiimentDatasetRGB-D samples are sourced from DepthTrackRGB-T samples are extracted from LasHeRRGB-E s…...

编程日记 2025/1/21 9:05:53

阳振坤：AI 大模型的基础是数据，AI越发达，数据库价值越大

2024年1月12日，第四届OceanBase数据库大赛决赛在北京圆满落幕。在大赛的颁奖典礼上，OceanBase 首席科学家阳振坤老师为同学们献上了一场主题为“爱上数据库”的公开课，他不仅分享了个人的成长历程，还阐述了对数据库行业现状与未来…...

编程日记 2025/1/21 9:02:47

Linux磁盘空间不足，12个详细的排查方法

在Linux系统运维过程中，磁盘空间不足是一个常见且棘手的问题。当磁盘空间被占满时，系统的正常运行会受到影响，甚至可能导致服务中断。因此，迅速有效地排查和解决磁盘空间问题显得尤为重要。本文将详细介绍16个排查Linux磁盘空间问…...

编程日记 2025/1/21 8:55:39

Spring Web MVC综合案例

承接上篇文章——Spring Web MVC探秘，在了解Spring Web MVC背后的工作机制之后，我们接下来通过三个实战项目，来进一步巩固一下前面的知识。一、计算器效果展示：访问路径：http://127.0.0.1:8080/calc.html 前端代码&a…...

编程日记 2025/1/21 8:53:37

微软预测 AI 2025，AI Agents 重塑工作形式

1月初，微软在官网发布了2025年6大AI预测，分别是：AI模型将变得更加强大和有用、AI Agents将彻底改变工作方式、AI伴侣将支持日常生活、AI资源的利用将更高效、测试与定制是开发AI的关键以及AI将加速科学研究突破。值得一提的是，微…...

编程日记 2025/1/21 8:47:30

lvgl性能调优

LV_USE_PERFORMANCE lvgl_performance 是 LVGL 提供的性能分析工具，可以帮助开发者评估和优化图形库的性能。在一些特定的版本中，lvgl_performance 是一个宏或者工具，用来分析性能瓶颈，特别是图形渲染的效率。下面是如何使用 l…...

编程日记 2025/1/21 8:44:27

CSS实现实现票据效果 mask与切图方式

一、“切图”的局限性传统的“切图”简单暴力，但往往缺少适应性。适应性一般有两种，一是尺寸自适应，二是颜色可以自定义。举个例子，有这样一个优惠券样式关于这类样式实现技巧，之前在这篇文章中有详细介绍： CSS 实现优惠券的技巧不过这里略微不一样的地方是，两个…...

编程日记 2025/1/21 8:43:26

STL--list（双向链表）

目录一、list 对象创建 1、默认构造函数 2、初始化列表 3、迭代器 4、全0初始化 5、全值初始化 6、拷贝构造函数二、list 赋值操作 1、赋值 2、assign（迭代器1，迭代器2） 3、assign（初始化列表） 4、assig…...

编程日记 2025/1/21 8:40:23

ZooKeeper 中的 ZAB 一致性协议与 Zookeeper 设计目的、使用场景、相关概念（数据模型、myid、事务 ID、版本、监听器、ACL、角色）

参考Zookeeper 介绍——设计目的、使用场景、相关概念（数据模型、myid、事务 ID、版本、监听器、ACL、角色） ZooKeeper 设计目的、特性、使用场景 ZooKeeper 的四个设计目标ZooKeeper 可以保证如下分布式一致性特性ZooKeeper 是一个典型的分布式数据一致…...

编程日记 2025/1/21 8:35:17

“深入浅出”系列之C++：（11）推荐一些C++的开源项目

1. SQLiteCpp - 简单易用的Sqlite C封装库仓库地址：https://github.com/SRombauts/SQLiteCpp 简介：SQLiteCpp是一个对Sqlite数据库进行C封装的开源库，代码行数约2,500行。它提供了简洁易用的接口，使得在C项目中操作Sqlite数据库…...

编程日记 2025/1/21 8:31:12

《重生到现代之从零开始的C++生活》—— 类和对象2

类的默认成员函数默认成员函数就是用户没有显示实现，编译器会自动生成的成员函数，一个类会默认生成6个成员函数构造函数构造函数时特殊的成员函数，构造函数的初始化对象函数名与类名相同没有返回值对象实例化的时候胡自动调用构造…...

编程日记 2025/1/21 8:29:11

“UniApp的音频播放——点击视频进入空白+解决视频播放器切换视频时一直加载的问题”——video.js、video-js.css

今天，又解决了一个单子“UniApp的音频播放——点击视频进入空白解决视频播放器切换视频时一直加载的问题” 一、问题描述在开发一个基于 video.js 的视频播放器时，用户通过上下滑动切换视频时，视频一直处于加载状态，无法正常播放…...

编程日记 2025/1/21 8:27:09

【Pandas】pandas Series transform

Pandas2.2 Series Function application, GroupBy & window 方法描述Series.apply()用于将一个函数应用到 Series 的每个元素或整个 SeriesSeries.agg()用于对 Series 数据进行聚合操作Series.aggregate()用于对 Series 数据进行聚合操作Series.transform()用于对 Series…...

编程日记 2025/1/21 8:24:06

【博客之星2024年度总评选】年度回望：我的博客之路与星光熠熠

【个人主页】Francek Chen 【人生格言】征途漫漫，惟有奋斗！ 【热门专栏】大数据技术基础 | 数据仓库与数据挖掘 | Python机器学习文章目录前言一、个人成长与盘点（一）机缘与开端（二）收获与分享二、年度创…...

编程日记 2025/1/21 8:21:03

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章传送阵>> 点我查看说明：假设每台服务器已…...

编程新知 2026/2/8 1:53:29

国防科技大学计算机基础课程笔记02信息编码

1.机内码和国标码国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制，因此这个了16进制的数据既可以翻译成为这个机器码，也可以翻译成为这个国标码，所以这个时候很容易会出现这个歧义的情况； 因此，我们的这个国…...

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

XCTF-web-easyupload

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

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

多模态2025：技术路线“神仙打架”，视频生成冲上云霄

文｜魏琳华编｜王一粟一场大会，聚集了中国多模态大模型的“半壁江山”。智源大会2025为期两天的论坛中，汇集了学界、创业公司和大厂等三方的热门选手，关于多模态的集中讨论达到了前所未有的热度。其中，…...

编程新知 2026/2/8 20:43:00

vue3 字体颜色设置的多种方式

在Vue 3中设置字体颜色可以通过多种方式实现，这取决于你是想在组件内部直接设置，还是在CSS/SCSS/LESS等样式文件中定义。以下是几种常见的方法： 1. 内联样式你可以直接在模板中使用style绑定来设置字体颜色。 <template><div :s…...

编程新知 2026/2/4 20:47:44

视频字幕质量评估的大规模细粒度基准

大家读完觉得有帮助记得关注和点赞！！！ 摘要视频字幕在文本到视频生成任务中起着至关重要的作用，因为它们的质量直接影响所生成视频的语义连贯性和视觉保真度。尽管大型视觉-语言模型（VLMs）在字幕生成方面…...

编程新知 2026/2/6 9:24:15

【AI学习】三、AI算法中的向量

在人工智能（AI）算法中，向量（Vector）是一种将现实世界中的数据（如图像、文本、音频等）转化为计算机可处理的数值型特征表示的工具。它是连接人类认知（如语义、视觉特征）与…...

编程新知 2026/1/1 14:01:45

OPenCV CUDA模块图像处理-----对图像执行均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述在 GPU 上对图像执行均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。该函数将输入图像中的…...

编程新知 2026/1/20 12:53:30

有限自动机到正规文法转换器v1.0

1 项目简介这是一个功能强大的有限自动机（Finite Automaton, FA）到正规文法（Regular Grammar）转换器，它配备了一个直观且完整的图形用户界面，使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...

编程新知 2026/1/31 13:13:32

OPENCV形态学基础之二腐蚀

一.腐蚀的原理 (图1) 数学表达式：dst(x,y) erode(src(x,y)) min(x,y)src(xx,yy) 腐蚀也是图像形态学的基本功能之一，腐蚀跟膨胀属于反向操作，膨胀是把图像图像变大，而腐蚀就是把图像变小。腐蚀后的图像变小变暗淡。腐蚀…...

编程新知 2026/2/8 22:00:17

08.数据绑定

09.el与data 的两种写法

10.理解MVVM

相关文章：