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

javaWeb入门(自用)

1. vue学习

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="https://unpkg.com/vue@2"></script>
</head>
<body><div id="app"><input type="text" v-model="message">{{message}}</div>
</body>
<script>//定义vue对象new Vue({el:"#app",data:{message:"hello vue"}})
</script>
</html>

此次使用的是vue2,注意引入src的版本。

v-model 用于将表单元素的值与 Vue 实例中的数据进行绑定,使得当表单元素的值发生变化时,Vue 实例中对应的数据也会随之更新,反之亦然。(要不然你就要写得很麻烦,如果一个改了,要用代码去写另一个跟着改)

意思就是,你改框里的,外面会跟着改。(外面这个是个插值表达式,即用双大括号 {{}} 将 Vue 实例中的数据绑定到 HTML 模板中,使得数据能够动态地显示在页面上。)

http://www.lryc.cn/news/344618.html

相关文章:

  • web3风格的网页怎么设计?分享几个,找找感觉。
  • ASP.NET MVC(-)表单的提交、获取表单数据
  • [AIGC] 《MyBatis-Plus 结合 Spring Boot 的动态数据源介绍及 Demo 演示》
  • 【华为OD机试C卷D卷】部门人力分配(C++/Java/Python)
  • 毕业设计:《基于 Prometheus 和 ELK 的基础平台监控系统设计与实现》
  • docker私有仓库部署与管理
  • 2024第六届济南国际大健康产业博会将于5月27日如期开幕
  • 计算方法实验9:Romberg积分求解速度、位移
  • 设计模式有哪些基本原则
  • 别再出错了!华为交换机到底如何配置access、trunk、hybird端口?
  • OceanBase 分布式数据库【信创/国产化】- OceanBase 平台产品 - 迁移评估工具 OMA
  • UE5入门学习笔记(六)——编译低版本插件
  • MySQL全局锁、表级锁、行锁、死锁、索引选择
  • 深入解析算法效率核心:时间与空间复杂度概览及优化策略
  • 虚拟机装CentOS镜像
  • SpringCloud 集成consul,消费者报I/O error on GET request for...
  • pytest的测试标记marks
  • 端口占用解决方法
  • Java毕设之基于springboot的医护人员排班系统
  • OpenCV4.8 VS2019 MFC编程出现的诡异现象
  • 游戏辅助 -- 三种分析角色坐标方法(CE、xdbg、龙龙遍历工具)
  • 【VTKExamples::Rendering】第一期 TestAmbientSpheres(环境照明系数)
  • 代码随想录leetcode200题之栈与队列
  • 使用Python实现2048小游戏
  • 漏洞管理是如何在攻击者之前识别漏洞从而帮助人们阻止攻击的
  • LNMT部署jpress
  • 汽车软件研发工具链丨怿星科技新产品重磅发布
  • Faiss原理及使用总结
  • 跨越智能建筑桥梁:西门子PLC无缝对接BACnet楼宇自动化系统化
  • 景源畅信电商:抖音小店有哪些比较热门的宣传方法?