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

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

news 2026/5/23 21:11:42 
总结性内容:
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

Python自动化办公：批量处理Word文档的实用技巧

Python自动化办公&#xff1a;批量处理Word文档的实用技巧 在日常办公中&#xff0c;处理大量Word文档是常见任务&#xff0c;比如批量修改格式、提取内容或生成报告。手动操作不仅耗时&#xff0c;还容易出错。本文将介绍如何使用Python自动化处理Word文档&#xff0c;通过代码…...

编程新知 2026/5/23 21:04:19

LoRA 部署：微调后的模型怎么上线

本文基于昇腾CANN和昇腾NPU&#xff0c;围绕 cann-recipes-infer 仓库的相关技术展开。 LoRA 训练完出来两个东西——基础模型权重不动&#xff0c;外加一个小 rank 矩阵。部署时你不能直接丢原始权重&#xff0c;LoRA 矩阵要合并进去或者通过算子注入。CANN 上 LoRA 部署有两种…...

编程新知 2026/5/23 20:15:40

告别PyTorch依赖：手把手教你用C++ CUDA实现LeNet推理，从Python模型导出到C++部署全流程

从PyTorch到C CUDA&#xff1a;工业级LeNet模型部署全流程实战 在深度学习模型开发中&#xff0c;Python生态提供了丰富的训练工具&#xff0c;但生产环境往往需要高性能的C实现。本文将完整演示如何将PyTorch训练的LeNet模型部署到C CUDA环境&#xff0c;涵盖模型导出、内存管…...

编程新知 2026/5/23 19:15:20

抖音内容批量下载神器：douyin-downloader 完全使用指南

抖音内容批量下载神器&#xff1a;douyin-downloader 完全使用指南 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback supp…...

编程新知 2026/5/23 18:46:27

如何快速入门Play框架：5分钟搭建你的第一个Java Web应用

如何快速入门Play框架&#xff1a;5分钟搭建你的第一个Java Web应用 【免费下载链接】play1 Play framework 项目地址: https://gitcode.com/gh_mirrors/pl/play1 Play框架是一个轻量级的Java Web开发框架&#xff0c;它采用了MVC架构模式&#xff0c;提供了快速开发、热…...

编程新知 2026/5/23 17:36:41

数学论文降AI工具免费推荐：2026年数学毕业论文降AI4.8元知网达标免费完整方案

数学论文降AI工具免费推荐&#xff1a;2026年数学毕业论文降AI4.8元知网达标免费完整方案 试过五款降AI工具&#xff0c;价格从4.8元到几十元不等。 性价比最高的是嘎嘎降AI&#xff08;www.aigcleaner.com&#xff09;——4.8元&#xff0c;知网AI率从66%降到6.3%&#xff0…...

编程新知 2026/5/23 16:42:30

用Python和NumPy实现2D图像旋转：从复数乘法到旋转矩阵的保姆级实践

用Python和NumPy实现2D图像旋转&#xff1a;从复数乘法到旋转矩阵的保姆级实践 在计算机视觉和游戏开发中&#xff0c;图像旋转是最基础却至关重要的操作之一。想象一下&#xff0c;当你需要调整一张照片的角度&#xff0c;或者在游戏中让角色转向特定方向时&#xff0c;背后的…...

编程新知 2026/5/23 15:15:15

从原理图到Ping通：我的STM32F407 RMII以太网调试笔记（含LAN8720硬件差异处理）

从原理图到Ping通&#xff1a;我的STM32F407 RMII以太网调试笔记&#xff08;含LAN8720硬件差异处理&#xff09; 第一次点亮STM32F407的以太网接口时&#xff0c;那种成就感至今难忘。但在此之前&#xff0c;我经历了整整两周的煎熬——原理图反复检查、PCB打样两次、软件调试…...

编程新知 2026/5/23 15:07:25

传统锯床与特斯克天弓系列PC-36带锯床：八大维度对比，差距在哪？

传统锯床与特斯克天弓系列PC-36带锯床&#xff1a;八大维度对比&#xff0c;差距在哪&#xff1f;不是所有数控带锯机&#xff0c;都叫天弓特斯克天弓系列PC-36带锯床在带锯床选型中&#xff0c;购置价格之外&#xff0c;综合使用成本&#xff08;锯条消耗、废品损失、维保成本…...

编程新知 2026/5/23 14:49:37

PDF补丁丁终极指南：5分钟学会PDF元数据精准修改技巧

PDF补丁丁终极指南&#xff1a;5分钟学会PDF元数据精准修改技巧 【免费下载链接】PDFPatcher PDF补丁丁——PDF工具箱&#xff0c;可以编辑书签、剪裁旋转页面、解除限制、提取或合并文档&#xff0c;探查文档结构&#xff0c;提取图片、转成图片等等 项目地址: https://gitc…...

编程新知 2026/5/23 14:30:18