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

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

news 2026/5/18 10:05:55

一、引入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

个人自动化技能库构建指南：从Python脚本到Cron定时任务

1. 项目概述&#xff1a;一个为“摸鱼”场景设计的自动化技能库最近在GitHub上看到一个挺有意思的项目&#xff0c;叫my-copaw-skill。光看这个名字&#xff0c;就透着一股子“打工人”的幽默感——“copaw”这个词&#xff0c;我琢磨着应该是“copilot”&#xff08;副驾驶/助…...

编程新知 2026/5/17 10:53:18

Codesys ST语言PID调参避坑指南：从仿真到实战，手把手教你搞定温控/电机项目

Codesys ST语言PID调参避坑指南&#xff1a;从仿真到实战的工程化解决方案 在工业自动化领域&#xff0c;PID控制算法占据着核心地位。无论是恒温控制、电机调速还是压力调节&#xff0c;一个精心调校的PID控制器往往能决定整个系统的性能表现。然而&#xff0c;许多工程师在掌…...

编程新知 2026/5/17 10:42:08

一键获取Steam游戏清单：Onekey工具让游戏管理变得如此简单

一键获取Steam游戏清单&#xff1a;Onekey工具让游戏管理变得如此简单 【免费下载链接】Onekey Onekey Steam Depot Manifest Downloader 项目地址: https://gitcode.com/gh_mirrors/one/Onekey 你是否曾为管理Steam游戏文件而烦恼&#xff1f;想备份心爱的游戏却不知从…...

编程新知 2026/5/17 10:28:28

5分钟免费制作专业AI翻唱：AICoverGen完整指南

5分钟免费制作专业AI翻唱&#xff1a;AICoverGen完整指南 【免费下载链接】AICoverGen A WebUI to create song covers with any RVC v2 trained AI voice from YouTube videos or audio files. 项目地址: https://gitcode.com/gh_mirrors/ai/AICoverGen 想让AI帮你翻唱…...

编程新知 2026/5/17 10:18:19

SimulinkVeriStandLabVIEW协同开发——从模型编译到交互式仪表盘部署

1. 工具链协同开发的核心价值 在电力电子和工业控制领域&#xff0c;快速原型开发往往需要跨越建模、实时测试和人机交互三个关键环节。Simulink、VeriStand和LabVIEW组成的工具链&#xff0c;就像汽车制造的流水线——Simulink是设计图纸的工程师&#xff0c;VeriStand是组装车…...

编程新知 2026/5/17 9:53:09

YimMenu终极配置指南：从零开始掌握GTA V高级菜单工具

YimMenu终极配置指南&#xff1a;从零开始掌握GTA V高级菜单工具 【免费下载链接】YimMenu YimMenu, a GTA V menu protecting against a wide ranges of the public crashes and improving the overall experience. 项目地址: https://gitcode.com/GitHub_Trending/yi/YimMe…...

编程新知 2026/5/17 9:26:55

告别Demo！用EMQX和Java模拟真实物联网设备上报数据流（Windows本地开发环境）

告别Demo&#xff01;用EMQX和Java构建真实物联网数据流模拟方案 在物联网开发中&#xff0c;最令人头疼的莫过于缺乏真实设备进行测试。想象一下&#xff0c;当你精心设计的平台等待设备接入时&#xff0c;硬件团队却告诉你"下周才能交付原型机"。这种等待不仅拖延进…...

编程新知 2026/5/17 9:10:33

开源机械爪控制库：从PID算法到ROS集成的全栈开发指南

1. 项目概述&#xff1a;一个开源的机械爪设计与控制库最近在机器人硬件开发的圈子里&#xff0c;开源项目“MeyerZhou/openclaw”引起了不少创客和机器人爱好者的注意。简单来说&#xff0c;这是一个专注于机械爪&#xff08;或称机械手、夹爪&#xff09;设计与控制的代码库和…...

编程新知 2026/5/17 8:37:00

前端工程化实战：基于 Kelivo 模板的配置即代码与自动化工作流

1. 项目概述与核心价值最近在整理个人开发环境时&#xff0c;发现一个挺有意思的项目&#xff0c;叫Chevey339/kelivo。乍一看这个仓库名&#xff0c;可能有点摸不着头脑&#xff0c;但点进去之后&#xff0c;你会发现它是一个围绕特定开发工具或框架进行深度定制、优化和功能增…...

编程新知 2026/5/17 7:42:27

期权交易基础框架：模块化设计与Python实现指南

1. 项目概述&#xff1a;一个为期权交易者打造的“乐高积木”底座如果你在量化交易或者期权策略开发领域摸爬滚打过一段时间&#xff0c;大概率会遇到一个共同的痛点&#xff1a;策略想法很多&#xff0c;但把它们变成可回测、可实盘、可管理的代码&#xff0c;却要耗费大量的“…...

编程新知 2026/5/17 7:11:58