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

[Vue入门]Vue的使用:vue对象+data+el+插值表达式

news 2026/3/31 23:10:06 
总结性内容:
1.想让Vue工作,就必须创建一个Vue的实例,而且要传入一个配置对象
2.root容器中的代码依然符合html规范,只不过混入了一些特殊的Vue语法
3.root容器里的代码被称为Vue模板
<!DOCtype html>
<html><head><meta charset="UTF-8"><title>初识Vue</title><script type="text/javascript" src="js-vue/vue.js"></script></head><body><div><h1>Hello,Good</h1></div>
<!--			把需要变化的量给Vue实例保管--><div id="root">
<!--				Vue的插值语法 两组花括号 中间+一个类--><h1>Hello,{{name}}}</h1><h2>我的年龄是:{{age}}</h2></div><script type="text/javascript">Vue.config.productionTip=false;//用于阻止Vue在启动时生成生产提示//创建Vue实例new Vue({el:'#root',//el:元素element #root是一个选择root的id的id选择器//el用于指定当前的Vue实例,为哪个容器服务,值通常为css中的选择器//el:document.getElementById('root');data:{//data中用于储存数据,数据供el所指定的容器去使用,值我们暂时写成一个对象name:'HHHHHHH',age:18}});//只传一个对象,一个配置对象/*总结性内容:1.想让Vue工作,就必须创建一个Vue的实例,而且要传入一个配置对象2.root容器中的代码依然符合html规范,只不过混入了一些特殊的Vue语法3.root容器里的代码被称为Vue模板*/</script></body>
</html>

相关文章：

[Vue入门]Vue的使用:vue对象+data+el+插值表达式

总结性内容: 1.想让Vue工作,就必须创建一个Vue的实例,而且要传入一个配置对象 2.root容器中的代码依然符合html规范,只不过混入了一些特殊的Vue语法 3.root容器里的代码被称为Vue模板 <!DOCtype html> <html><head><meta charset"UTF-8">&l…...

编程日记 2024/2/1 14:31:32

Tomcat运维

目录 一、Tomcat简介 二、系统环境说明 1、关闭防火墙&#xff0c;selinux 2、安装JDK 3、安装Tomcat 三、Tomcat目录介绍 1、tomcat主目录介绍 2、webapps目录介绍 3、Tomcat配置介绍&#xff08;conf&#xff09; 4、Tomcat的管理 四、Tomcat 配置管理页面(了解) …...

编程日记 2024/2/1 14:30:31

前端开发基于Qunee绘制网络拓扑图总结-02

1、渲染连线颜色 *关键函数一定要调用&#xff1a;graph.invalidate()* graph.forEach(function(element) {if (element instanceof Q.Edge) {let arr [#549BF1, #AA8A6E, #8F54F1,#5A70BC,#BCBF5C, #BC5A76, #67B4D4,#B4C9EF, #676AD4, #A86EAA,#5CBF7F, #EFB4B4];let inde…...

编程日记 2024/2/1 14:28:28

牛客——中位数图（连续子数组和二维前缀和）

链接&#xff1a;登录—专业IT笔试面试备考平台_牛客网 来源&#xff1a;牛客网 题目描述 给出1~n的一个排列&#xff0c;统计该排列有多少个长度为奇数的连续子序列的中位数是b。中位数是指把所有元素从小到大排列后&#xff0c;位于中间的数。 输入描述: 第一行为两个正…...

编程日记 2024/2/1 14:26:27

Java：搭建eladmin复习mvn、springboot、vue等

目录 1.源码平台后端&#xff1a; 2.源码平台前端&#xff1a; 3.操作系统&#xff1a;centos7.9 4.mysql:5.7.x 安装 5.redis:5.0.X 6.maven&#xff1a;3.8 7.java:1.8&#xff1a; 8.nodejs:16.x 9.通过mvn打包eladmin后端 10.npm打包前端项目进行部署 11.访问测试…...

编程日记 2024/2/1 14:25:26

JavaScript入门

第二个知识点&#xff1a;javascript的基本语法 定义变量 在JavaScript里面&#xff0c;没有int&#xff0c;string 之类的数据类型&#xff0c;只有 var var num 1; var string "天玄地号"; 在javascript中&#xff0c;写完一句语句之后可以不加分号&#xff…...

编程日记 2024/2/1 14:20:20

Redis单机-主从集群-哨兵集群-分片集群 搭建教程

Redis集群 本章是基于CentOS7下的Redis集群教程&#xff0c;包括&#xff1a; 单机安装RedisRedis主从Redis分片集群 1.单机安装Redis 首先需要安装Redis所需要的依赖&#xff1a; yum install -y gcc tclredis-6.2.4.tar.gz 然后将Redis安装包上传到虚拟机的任意目录&am…...

编程日记 2024/2/1 14:19:19

湘潭大学-计算机网络-补考

背景 卷面分23&#xff0c;平时分85&#xff0c;各占百分之50&#xff0c;最终54&#xff0c;遗憾挂科 大学第一次补考 计划 首先把湖科大教书匠的计算机网络视频看一遍&#xff0c;并做一些笔记 然后看教材 刚看到老师说最好的复习资料是书和课后作业&#xff08;想起来…...

编程日记 2024/2/1 14:17:18

SOME/IP SD 协议介绍(五）使用SOME/IP-SD宣布非SOME/IP协议的协议。

使用SOME/IP-SD宣布非SOME/IP协议的协议。 除了SOME/IP之外&#xff0c;车辆内部还使用其他通信协议&#xff0c;例如用于网络管理、诊断或闪存更新。这些通信协议可能需要传递服务实例或具有事件组。 对于非SOME/IP协议&#xff0c;应使用特殊的服务ID&#xff0c;并使用配置…...

编程日记 2024/2/1 14:16:16

svn 安装路径

SVN客户端安装&#xff08;超详细&#xff09; 一、SVN客户端安装 1、下载安装包地址&#xff1a;https://tortoisesvn.net/downloads.html 此安装包是英文版的&#xff0c;还可以下载一个语言包&#xff0c;在同界面的下方 一直点击下一步&#xff0c;直到弹出选择红框 然…...

编程日记 2024/2/1 14:14:14

Skywalking trace UI页面中字段信息详解，包括端点、跨度类型和Peer

刚上手Skywalking的同学可能对 trace UI 页面信息中的字段信息不是很了解&#xff0c;在这里就给大家一一讲解&#xff0c;重点关注端点、跨度类型和Peer 服务 :服务的名称 实例&#xff1a;服务对应的实例 端点&#xff1a;端点(Endpoint) 对于特定服务所接收的请求路径, 如…...

编程日记 2024/2/1 14:13:13

【 USRP 相控阵】X波段相控阵开发平台用户指南

包装 一共三件。 1、AD9081-FMCA-EBZ AD9081 MxFE Evaluation Board, https://www.analog.com/eval-ad9081 AD9081 的全功能评估板使用 ACE 软件进行控制的 PC 软件HMC7044 的板载时钟用于管理套件和 FPGA 时钟选择切换到外部直接时钟 AD9081-FMCA-EBZ 评估板包括以各种模…...

编程日记 2024/2/1 14:12:11

C++关键词auto详解

顾得泉&#xff1a;个人主页 个人专栏&#xff1a;《Linux操作系统》 《C从入门到精通》 《LeedCode刷题》 键盘敲烂&#xff0c;年薪百万&#xff01; 一、小思考 随着我们对于C的不断学习&#xff0c;遇到的程序越来越复杂&#xff0c;程序中用到的类型也越来越复杂…...

编程日记 2024/2/1 14:10:09

【GPU驱动开发】- GPU架构流程

前言 不必害怕未知&#xff0c;无需恐惧犯错&#xff0c;做一个Creator&#xff01; 一、总述 GPU&#xff08;Graphics Processing Unit&#xff0c;图形处理单元&#xff09;是一种专门用于处理图形和并行计算的处理器。GPU系统架构通常包括硬件和软件层面的组件。 总体流…...

编程日记 2024/2/1 14:08:07

UE5在VisualStudio升级后产生C++无法编译的问题

往期的虚幻引擎项目在VS更新后&#xff0c;编译时会报错&#xff0c;这一般出现在VS升级之后&#xff0c;UE对于VC的编译器定位没有更新导致&#xff1b; 有出现如下问题&#xff1a; 问题1&#xff1a; Running I:/EPCI/Epic Games/UE_5.3/Engine/Build/BatchFiles/Build.ba…...

编程日记 2024/2/1 14:05:05

目标检测：1预备知识

开始涉及目标检测内容&#xff0c;总结一下学习记录 1、目标检测的基本概念 &#xff08;一&#xff09;什么是目标检测 目标检测&#xff08;Object Detection&#xff09; 的任务是找出图像中所有感兴趣的目标&#xff08;物体&#xff09;&#xff0c;不同于分类和回归问题…...

编程日记 2024/2/1 14:04:04

【Linux取经路】进程控制——进程等待

文章目录 一、进程创建1.1 初识 fork 函数1.2 fork 函数返回值1.3 写时拷贝1.4 fork 的常规用法1.5 fork 调用失败的原因1.6 创建一批进程 二、进程终止2.1 进程退出场景2.2 strerror函数2.3 errno全局变量2.4 程序异常2.5 进程常见退出方法2.6 exit 函数2.7 _exit 函数和 exit…...

编程日记 2024/2/1 14:02:02

虹科干货 | 如何使用nProbe Cento构建100 Gbit NetFlow 传感器

本文是一份全面的指南&#xff0c;解释了如何使用nProbe Cento构建一个高效的100 Gbit NetFlow传感器。旨在帮助大家充分利用NetFlow技术&#xff0c;以监控和分析高速网络流量。 当需要监控分布式网络&#xff0c;了解流经上行链路或关键网段的网络流量时&#xff0c;NetFlow…...

编程日记 2024/2/1 13:57:58

Web前端入门 - HTML JavaScript Vue

ps&#xff1a;刚开始学习web前端开发&#xff0c;有什么不正确、不标准的内容&#xff0c;欢迎大家指出~ Web简介 90年代初期&#xff0c;Web1.0&#xff0c;静态页面&#xff0c;不和服务器交互&#xff0c;网页三剑客指Dreamweaver、Fireworks、Flash2000年代中期&#xf…...

编程日记 2024/2/1 13:56:57

(Sping Xml方式整合第三方框架)学习Spring的第十天

Spring整合mybatis 1 . 导入Mybatis整合Spring的相关坐标 <dependency><groupId>org.springframework</groupId><artifactId>spring-jdbc</artifactId><version>5.2.13.RELEASE</version></dependency><dependency><…...

编程日记 2024/2/1 13:53:54

如何从业务出发，设计一个可落地的智能客服 RAG 系统

一、核心原则以业务需求为锚点&#xff0c;而不是技术驱动很多 RAG 项目失败的根因&#xff1a;没搞清楚“解决谁的问题”一开始就堆模型、堆技术&#x1f449; 正确做法&#xff1a;先拆需求&#xff0c;再设计系统二、三方核心需求拆解设计前必须明确三类角色目标&#xff1a…...

编程新知 2026/3/31 23:02:45

埃拉托斯特尼筛法（埃氏筛）完整解析

一、算法用途 快速找出 2 ~ n 之间的所有素数。 暴力判断每个数：O(nn​) 埃氏筛：O(nloglogn)，接近线性，极快。 二、核心思想 先假设所有数都是素数。 从最小素数 2 开始，把它的所有倍数标记为合数。 取下一个没被标记的数（一定是素数），继续标记它的倍数。 最后没被标记…...

编程新知 2026/3/31 22:56:37

别再为YOLOv5标签格式发愁了！手把手教你从COCO128.yaml到txt标签文件的完整配置流程

YOLOv5数据标注全流程实战&#xff1a;从配置文件解析到标签文件生成 刚接触目标检测的新手开发者们&#xff0c;常常在数据准备阶段就陷入迷茫——官方文档过于简略&#xff0c;社区教程又零散不全。本文将彻底解决这个痛点&#xff0c;带你一步步完成YOLOv5数据标注全流程&am…...

编程新知 2026/3/31 22:48:31

毕业设计实战：基于SpringBoot的饮食分享平台设计与实现全攻略

毕业设计实战&#xff1a;基于SpringBoot的饮食分享平台设计与实现全攻略 在开发“饮食分享平台”这套毕设时&#xff0c;我曾因“菜谱信息与趣味答题数据脱节”踩过一个关键坑。初期设计时&#xff0c;我将“菜谱推荐”和“趣味答题”视为两个独立模块&#xff0c;导致用户在浏…...

编程新知 2026/3/31 22:01:36

iperf3网络性能测试工具完全指南：从安装到企业级应用

iperf3网络性能测试工具完全指南&#xff1a;从安装到企业级应用 【免费下载链接】iperf3-win-builds iperf3 binaries for Windows. Benchmark your network limits. 项目地址: https://gitcode.com/gh_mirrors/ip/iperf3-win-builds 在当今数字化时代&#xff0c;网络…...

编程新知 2026/3/31 19:33:12

【Java Web学习 | 第十篇】JavaScript(4) 对象

【Java Web学习 | 第十篇】JavaScript(4) - 对象&#xff08;Object&#xff09;深度详解&#xff08;2026最新版&#xff09; 恭喜你完成数组与函数进阶&#xff01; 对象&#xff08;Object&#xff09; 是 JavaScript 中最重要、最核心的数据结构。在 Java Web 开发中&…...

编程新知 2026/3/31 18:36:10

Linux dmesg实战指南：从内核消息解析到故障排查（附实用技巧与常见问题）

1. 初识dmesg&#xff1a;你的Linux系统健康检查仪 刚接触Linux系统管理时&#xff0c;我总把dmesg当成"高级版系统日志"。直到有次服务器突然宕机&#xff0c;才发现这个命令简直就是系统故障的"黑匣子"。想象一下&#xff0c;当你的电脑突然蓝屏&#xf…...

编程新知 2026/3/31 17:13:04

深入解析AUTOSAR通信模块：从信号抽象到多路CAN配置

1. AUTOSAR通信模块的核心价值 第一次接触AUTOSAR通信模块时&#xff0c;我被它复杂的层级关系绕得头晕。直到在实车上调试快充CAN信号时&#xff0c;才真正理解这种架构设计的精妙之处。简单来说&#xff0c;AUTOSAR的Com模块就像个智能邮局&#xff0c;负责把应用层产生的各种…...

编程新知 2026/3/31 14:28:04

高效智能转换方案：B站缓存视频一键处理实战指南

高效智能转换方案&#xff1a;B站缓存视频一键处理实战指南 【免费下载链接】m4s-converter 一个跨平台小工具&#xff0c;将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 在B站视频频繁下架的当下&#xff0c…...

编程新知 2026/3/31 14:03:15

Hunyuan-MT-7B与SpringBoot整合实战：企业级翻译服务开发

Hunyuan-MT-7B与SpringBoot整合实战&#xff1a;企业级翻译服务开发 1. 引言 在全球化业务快速发展的今天&#xff0c;企业经常需要处理多语言内容。传统翻译方案要么成本高昂&#xff0c;要么响应速度慢&#xff0c;很难满足实时业务需求。腾讯开源的Hunyuan-MT-7B翻译模型&…...

编程新知 2026/3/31 12:58:37