没有合适的资源?快使用搜索试试~ 我知道了~
这些是我个人学习的内容,自学的技术总结
需积分: 0 0 下载量 22 浏览量
2024-05-16
11:51:59
上传
评论
收藏 7.68MB DOCX 举报
温馨提示
试读
24页
这些是我个人学习的内容,自学的技术总结
资源推荐
资源详情
资源评论
Vue 框架
目录
Vue 框架 ...............................................................................................................................................................1
第一个 vue 框架 ........................................................................................................................................1
Data 数据对象............................................................................................................................................3
Vue 的指令.........................................................................................................................................3
计数器 .................................................................................................................................................6
v-show ................................................................................................................................................7
v-if ........................................................................................................................................................8
v-model............................................................................................................................................12
黑马记事本......................................................................................................................................13
网络应用 ..........................................................................................................................................14
Vue 路由...........................................................................................................................................16
打包部署 ..........................................................................................................................................17
Mysql 表结构的设计.....................................................................................................................21
综合案例....................................................................................................................................................22
开发流程 ..........................................................................................................................................22
简化 dom 操作,需要遵守框架规则。
第一个 vue 框架
多去看官方文档。
详细的看文档:
<!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
El 挂载点:也就是上面那里,el 挂载啦一个数据,然后就使用 id 选择器的方式来选挂载点,
然后{{}}里面的变量就被替代啦。
这里的 div 就是叫 el 命中的元素,凡事 el 命中的元素里面,元素才可以被替换。
这里的选择器跟之前 css 的选择器使用一样,不过一般开发使用的是 id 选择器。
这个只能支持双边签(要包围才可以使用)。
总结:这里学习到什么叫挂载点,以及挂载点的作用范围还有使用挂载点的选择器类型,只
能让他在双标签上面使用。
Data 数据对象
主要学习数组以及集合元素怎么获取:
数组的方式类似于 java 那样,集合方式的也类似。
总结:主要学会啦怎么调用挂载点里面的特殊类型的数据。
Vue 的指令
本章通过学习 vue 指令来完成页面的效果,多去打案例。
指令 1
v-text:这个用来设置文本框的内容,他的作用跟案例放值的作用一样,只是他一旦设置啦,
文本框的内容就是他的内容啦。
具体的使用方式:
讲解:使用 v-text 之后再在标签里面写东西就写不了拉。它可以拼接其他的字符串。
v-html:
他可以在 data 数据那里给数据进行 html 的样式装修,然后那个组件使用到就会带上 data
定义的样式。比如上面这个案例,页面会显示文字,你点击文字他就会跳转到设定的页面。
v-on:
为元素绑定事件,比如鼠标放在上面之类的。
使用的方法:
1. 创建一个事件
2. 在标签上写 v-on:事件名(点击
事件:click)他的值就是在挂载点上面的方法。可以简写为@。
3. 在挂载点上面设定方法:
剩余23页未读,继续阅读
资源评论
灭掉c与java
- 粉丝: 52
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Java项目-电影院售票管理系统(java+Servlet+JSP+JDBC+Mysql)
- SSM整合开发-图书管理系统
- 计二202301020210蒋怡.zip
- 基于74LS160的70进制计数器仿真节线图
- 基于74LS160的30进制与70进制转化仿真节线图
- 【用360解压工具解压】springboot+vue实验室(预约)管理系统【www.java1234.com】.zip
- commodity.cpp
- WordPress主题JustNews v6.01自适应自媒体博客主题免授权
- C语言开发小游戏案例 - 弹跳球
- Delphi 12 控件之TMS VCL UI Pack v13.1.3.2.7z
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功