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

Vue学习笔记（二、Vue.js的引入与对象创建）

news 2026/4/1 15:38:13

一、引入vue

1.通过cdn引入：
 <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
2.本地引入：
<script src="./lib/vue.js"></script>

二、创建Vue对象

代码参考如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>VueBaseCode</title><script src="./lib/vue.js"></script>
</head><body><div id="app"><p>{{msg}}</p></div><script>var vm = new Vue({el: '#app',data: {msg: 'Vue的基础代码学习'}});</script>
</body></html>

这里

    <div id="app"><p>{{msg}}</p></div>

是属于MVVM中的V，就是View的部分

        而创建的Vue对象vm就是

        var vm = new Vue({el: '#app',data: {msg: 'Vue的基础代码学习'}});

是属于MVVM中VM调度者的部分。

        这里创建Vue对象时，使用了一个对象作为参数，这个对象包含三个变量，el（element，要操作的元素）、data（元素中要操作的数据对象，里面包含了多个数据）、methods（方法对象，里面包含多个方法），本次课暂时不涉及methods对象。这里data对象属于MVVM中M，就是Model的部分。

相关文章：

Vue学习笔记（二、Vue.js的引入与对象创建）

一、引入vue 1.通过cdn引入&#xff1a; <script src"https://cdn.jsdelivr.net/npm/vue2/dist/vue.js"></script> 2.本地引入&#xff1a; <script src"./lib/vue.js"></script> 二、创建Vue对象 代码参考如下&#xff1a; …...

编程日记 2024/10/22 15:53:02

从0-1搭建金融智能助理保姆级教程：拆箱即用的微信公众号后端+AI Agents智能体框架

大模型LLM 应用AI Agents框架&#xff0c;为我们提供了非常便利的自动化执行任务的能力。微信公众号(订阅号) 是非常适合落地各种AI Agents的场景&#xff0c;我们可以利用微信公众号提供的文本、图像、语音的输入&#xff0c;在自己服务器上部署一套API框架&#xff0c;把自己…...

编程日记 2024/10/22 15:52:01

Yolov10训练的餐盘菜品目标检测软件(包含源码及数据集)

本文摘要 摘要&#xff1a;本文主要使用YOLOV10深度学习框架自训练了一个“餐盘菜品目标检测模型”&#xff0c;基于此模型使用PYQT5实现了一款界面软件用于功能演示。让您可以更好的了解和学习&#xff0c;该软件支持图片、视频以及摄像头进行目标检测&#xff0c;本系统所涉…...

编程日记 2024/10/22 15:51:00

Active Directory(活动目录)密码审核工具

什么是Active Directory密码审核 Active Directory密码审核涉及监控用户密码的状态及其身份验证尝试&#xff0c;以便 IT 管理员收到有关弱 Active Directory密码或任何异常身份验证行为的通知。 Active Directory密码审核可帮助管理员评估用户密码的强度并采取必要措施来加强…...

编程日记 2024/10/22 15:46:55

Transformer为什么使用LayerNorm而不是BatchNorm?

01 引言 层归一化(Layer normalization ) 是Transformer模型中的一项重要技术&#xff0c;它通过对每一层的输入进行归一化&#xff0c;帮助稳定和加速训练。无论输入的规模或分布如何&#xff0c;它都能确保模型处理信息的一致性。在自注意力机制、多头注意力机制和位置编码…...

编程日记 2024/10/22 15:44:53

理解和重构目录结构：Java 中的父子关系管理

理解和重构目录结构&#xff1a;Java 中的父子关系管理 一、前言1. 问题背景2. 目录项结构3. 实现重构逻辑4. 示例代码5. 结果与输出 二、总结 好的&#xff0c;我们将目录结构调整为使用中文数字表示的标题。以下是重新组织后的内容&#xff1a; 一、前言 在软件开发中&…...

编程日记 2024/10/22 15:43:49

ES6面试题：（第一天）

目录 1.var,let,const的区别 2.说说你对数组的解构和对象的解构的理解? 3.ES6的新语法 4.Map对象和Set对象的区别 5.Set实现数组去重 1.var,let,const的区别 使用 var 声明的变量&#xff0c;其作用域为全局作用域或者为所在的函数内局部作用域&#xff0c;且存在变量提升…...

编程日记 2024/10/22 15:41:47

【ChatGPT】什么是ChatGPT：基础介绍与使用场景

什么是ChatGPT&#xff1a;基础介绍与使用场景 在当今科技快速发展的时代&#xff0c;人工智能工具正逐步融入我们生活的方方面面。你是否曾在编写报告时陷入思路停滞&#xff1f;或者在客户服务中焦急等待响应&#xff1f;这些问题&#xff0c;随着 ChatGPT 的出现&#xff0…...

编程日记 2024/10/22 15:40:46

工业自动化为什么依赖光耦隔离器 --- 腾恩科技

光耦合器隔离器在工业自动化中必不可少&#xff0c;可确保信号传输&#xff0c;同时保护敏感电子设备和人员免受高压影响。选择合适的光耦合器隔离器取决于对操作环境和隔离要求的了解。本文将重点介绍在为工业应用选择光耦合器隔离器时需要考虑的关键因素。 光耦合器隔离器在工…...

编程日记 2024/10/22 15:39:40

Linux环境下Jmeter执行压测脚本

Linux环境下Jmeter执行压测脚本 前提官网下载Jmeter执行脚本 前提 注意&#xff1a;Jmeter的运行依赖Java环境 官网下载Jmeter 1、下载链接&#xff1a;https://dlcdn.apache.org//jmeter/binaries/apache-jmeter-5.6.3.zip 2、解压 unzip apache-jmeter-5.6.3.zip 执行脚本…...

编程日记 2024/10/22 15:38:38

PROFINET开发或EtherNet/IP开发嵌入式板有用于工业称重秤

这是一个真实案例&#xff0c;不过客户选择不透露其品牌名称。稳联技术的嵌入式解决方案助力工业称重设备制造商连接至任意工业网络。多网络连接使得称重设备能够轻松接入不同的控制系统&#xff0c;进而加快产品的上市时间。 我们找到了稳联技术的解决方案。他们成熟的技术与专…...

编程日记 2024/10/22 15:37:37

OracleT5-2 Solaris11安装

1、Solaris11安装 在光驱中插入Solaris11的光盘后，在ok提示中boot cdrom {0} ok boot cdrom NOTICE: Entering OpenBoot. NOTICE: Fetching Guest MD from HV. NOTICE: Starting additional cpus. NOTICE: Initializing LDC services. NOTICE: Probing PCI devices. N…...

编程日记 2024/10/22 15:36:29

详解 JuiceFS 在多云架构下的数据同步与一致性

随着大模型流行&#xff0c;GPU 算力资源正变得日益稀缺&#xff0c;传统的“算力跟着存储跑”的策略需要转变为“存储跟着算力跑”。为了确保数据一致性和管理的便捷性&#xff0c;企业通常在特定地区的公有云上选择对象存储作为所有模型数据的集中存储点。当进行计算任务调度…...

编程日记 2024/10/22 15:32:22

赛氪贡献突出获评优秀合作伙伴，第十九届环境友好科技竞赛落幕

2024年10月19日&#xff0c;第十九届全国环境友好科技竞赛终审答辩会在同济大学顺利举行&#xff0c;标志着这一环境领域顶级学科竞赛的又一盛事圆满落幕。本次竞赛由清华大学、同济大学、西安建筑科技大学及中国环境科学学会共同主办&#xff0c;吸引了全国各高校相关专业学生…...

编程日记 2024/10/22 15:31:21

GrowingIO埋点（前端）

GrowingIO埋点&#xff08;前端&#xff09; 一、CDN集成SDK 1、初始化 ​ 当用户加载页面的时候&#xff0c;会异步加载 WebJS SDK&#xff0c;不会影响到用户的加载速度&#xff0c;所以一般建议把这段代码加入到 <head></head> 中的最下面&#xff0c;这样能…...

编程日记 2024/10/22 15:27:16

MySQL-15.DQL-排序查询

一.DQL-排序查询 -- 排序查询 -- 1.根据入职时间&#xff0c;对员工进行升序排序 select * from tb_emp order by entrydate asc ;-- 2.根据入职时间&#xff0c;对员工进行降序排序 select * from tb_emp order by entrydate desc ;-- 3.根据 入职时间 对公司员工进行 升序排序…...

编程日记 2024/10/22 15:26:15

SpringBoot中大量数据导出方案：使用EasyExcel并行导出多个excel文件并压缩zip后下载

文章目录 前言一、控制器层代码二、服务层代码三、代码亮点分析 前言 SpringBoot的同步excel导出方式中&#xff0c;服务会阻塞直到Excel文件生成完毕&#xff0c;如果导出数据很多时&#xff0c;效率低体验差。有效的方案是将导出数据拆分后利用CompletableFuture&#xff0c;…...

编程日记 2024/10/22 15:25:12

黑马软件测试第一篇_数据库

说明: 数据库是专门用来存储数据的软件 注意: 对于测试工作而言, 如果项目页面没有实现, 但是我们又想要校验数据,则可以直接通过查询数据库实现 关系: 具体存在的商品录入后 -> 产生对应的数据(存到数据库中) -> 最后会被加载到项目页面中 数据库的分类 分类: 1> 关…...

编程日记 2024/10/22 15:19:04

第十六届蓝桥杯嵌入式组准备

最近我看很多人都在准备蓝桥杯的比赛了&#xff0c;这里我给大家整理一下历届真题或模拟题的讲解与源码 蓝桥杯嵌入式第十二届省赛真题二 蓝桥杯嵌入式第十三届省赛真题一 蓝桥杯嵌入式第十三届省赛真题二 蓝桥杯嵌入式第十四届省赛真题 蓝桥杯嵌入式第十四届模拟考试一 蓝…...

编程日记 2024/10/22 15:18:03

城乡供水信息化系统如何建设？

城乡供水信息化建设是一个综合性的过程&#xff0c;旨在通过现代信息技术提升农村供水系统的管理效率和服务质量。这一过程包含以下关键内容&#xff1a; 一、信息化基础设施建设 感知层建设&#xff1a;在农村饮水工程的关键部位&#xff0c;如水源地、水厂、供水管网等&#…...

编程日记 2024/10/22 15:13:59

Matlab_Simulink与Carsim的联合仿 擅长基于群智能算法优化的LQR、PID控制算法，能清晰讲解其中要点哦。对于基于群智能算法的一般路径规划

Matlab/Simulink与Carsim的联合仿 擅长基于群智能算法优化的LQR、PID控制算法&#xff0c;能清晰讲解其中要点哦。对于基于群智能算法的一般路径规划 稍长智能车轨迹跟踪控制方向 熟悉Matlab/Simulink和Carsim的联合仿真呢。这是一个非常专业且热门的研究方向&#xff08;群智能…...

编程新知 2026/4/1 13:33:03

避坑指南：深度相机与RGB相机标定中的5个常见错误

避坑指南&#xff1a;深度相机与RGB相机标定中的5个常见错误 在三维重建和增强现实开发中&#xff0c;深度相机与RGB相机的联合标定是基础却极易出错的关键环节。许多开发者投入大量时间调试标定结果&#xff0c;却因忽视了一些看似简单的细节而功亏一篑。本文将揭示五个最常被…...

编程新知 2026/4/1 12:56:28

如何突破教育资源壁垒？智能解析工具让电子课本获取效率提升200%

如何突破教育资源壁垒&#xff1f;智能解析工具让电子课本获取效率提升200% 【免费下载链接】tchMaterial-parser 国家中小学智慧教育平台 电子课本下载工具&#xff0c;帮助您从智慧教育平台中获取电子课本的 PDF 文件网址并进行下载&#xff0c;让您更方便地获取课本内容。 …...

编程新知 2026/4/1 12:34:19

ESP32开发环境：VS Code与ESP-IDF插件高效配置指南

1. 为什么选择VS Code开发ESP32&#xff1f; 第一次接触ESP32开发时&#xff0c;我尝试过各种开发工具&#xff1a;Arduino IDE、PlatformIO、Eclipse...最后发现VS Code配合ESP-IDF插件才是最佳组合。这个方案不仅免费开源&#xff0c;更重要的是能充分发挥ESP32的全部性能特…...

编程新知 2026/4/1 12:12:09

窗口总乱跑？PersistentWindows让你的桌面布局稳如泰山

窗口总乱跑&#xff1f;PersistentWindows让你的桌面布局稳如泰山 【免费下载链接】PersistentWindows fork of http://www.ninjacrab.com/persistent-windows/ with windows 10 update 项目地址: https://gitcode.com/gh_mirrors/pe/PersistentWindows 多显示器用户和远…...

编程新知 2026/4/1 11:55:49

LeagueAkari：如何用数据驱动你的英雄联盟竞技水平提升

LeagueAkari&#xff1a;如何用数据驱动你的英雄联盟竞技水平提升 【免费下载链接】League-Toolkit An all-in-one toolkit for LeagueClient. Gathering power &#x1f680;. 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit 在英雄联盟这款全球热门的竞…...

编程新知 2026/4/1 11:01:16

如何从微信聊天记录中提取数据价值：WeChatMsg的完整解决方案

如何从微信聊天记录中提取数据价值&#xff1a;WeChatMsg的完整解决方案 【免费下载链接】WeChatMsg 提取微信聊天记录&#xff0c;将其导出成HTML、Word、CSV文档永久保存&#xff0c;对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trending/we…...

编程新知 2026/4/1 10:49:10

避开这3个坑，你的软考数据库设计题至少多拿10分：从E-R图合并冲突到SQL约束实战

软考数据库设计题避坑指南&#xff1a;从E-R图到SQL约束的实战技巧 每次软考结束&#xff0c;总有一批考生捶胸顿足——"那道数据库设计题明明会做&#xff0c;怎么又丢分了&#xff1f;"作为参加过三次软考阅卷的数据库讲师&#xff0c;我发现90%的失分都集中在几个…...

编程新知 2026/4/1 10:31:00

自动驾驶RL微调实战：如何用MotionLM提升模型可靠性（附Waymo数据集配置）

自动驾驶RL微调实战&#xff1a;如何用MotionLM提升模型可靠性&#xff08;附Waymo数据集配置&#xff09; 在自动驾驶技术快速迭代的今天&#xff0c;强化学习&#xff08;RL&#xff09;微调已成为提升模型可靠性的关键手段。不同于传统模仿学习&#xff08;IL&#xff09;的…...

编程新知 2026/4/1 10:26:59

ComfyUI效果实测：多插件加持下的高清AI绘画生成对比

ComfyUI效果实测&#xff1a;多插件加持下的高清AI绘画生成对比 1. 引言&#xff1a;为什么选择ComfyUI 在AI绘画领域&#xff0c;ComfyUI以其独特的工作流设计方式脱颖而出。与传统的AI绘画工具不同&#xff0c;ComfyUI采用节点式工作流设计&#xff0c;让用户可以像搭积木一…...

编程新知 2026/4/1 10:22:48