VUE
关注
分享
扫一扫
VUE学习笔记
古斯塔斯hugh
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE学习笔记(入门)17__小黑记事本综合案例
【代码】VUE学习笔记(入门)17__小黑记事本综合案例。原创 2025-01-19 21:54:35 · 414 阅读 · 0 评论 -
VUE学习笔记(入门)16__vue指令v-model
【代码】VUE学习笔记15__vue指令v-model。原创 2025-01-19 01:08:34 · 148 阅读 · 0 评论 -
VUE学习笔记(入门)15__vue指令v-for中:key的应用
这是因为key指定了当前li的唯一标识，删除时会按照唯一标识直接删除li整体。打开网页并且给第一行的li设置属性background:pink。如果没有指定唯一标识，会直接替换其中的内容，不会删除对应的li。如果没有设置:key=‘’item.id‘’此时删除会直接删除第一行的li。删除后的效果会是这样。原创 2025-01-18 15:48:47 · 222 阅读 · 0 评论 -
VUE学习笔记(入门)14__综合练习图书删除案例
【代码】VUE学习笔记14__综合练习图书删除案例。原创 2025-01-18 03:46:06 · 194 阅读 · 0 评论 -
VUE学习笔记(入门)13__vue指令v-for
【代码】VUE学习笔记13__vue指令v-for。原创 2025-01-18 02:31:48 · 207 阅读 · 0 评论 -
VUE学习笔记(入门)12__综合练习 图片切换
第二种实现是在button标签设置了disabled属性，利用三元表达式设置button标签是否可用。第一种是如上图所示，第一张图的时候不显示上一张，最后一张图的时候不显示下一张。原创 2025-01-18 02:16:28 · 228 阅读 · 0 评论 -
VUE学习笔记(入门)11__vue指令v-bind动态设置链接
【代码】VUE学习笔记10__vue指令v-bind动态设置链接。原创 2025-01-18 02:16:14 · 135 阅读 · 0 评论 -
VUE学习笔记(入门)9__vue指令v-on参数传递
【代码】VUE学习笔记9__vue指令v-on配置method函数。原创 2025-01-17 18:06:59 · 202 阅读 · 0 评论 -
VUE学习笔记(入门)10__vue指令v-on配置method函数
tip：this用来指代当前管理的app，方便书写。method用来挂载业务逻辑函数。原创 2025-01-18 02:15:55 · 350 阅读 · 0 评论 -
VUE学习笔记(入门)8__vue指令v-on内联语句
号button绑定一个点击事件，每次点击使得count+1。-号button绑定一个点击事件，每次点击使得count-1。原创 2025-01-17 01:19:45 · 217 阅读 · 0 评论 -
VUE学习笔记(入门)7__vue指令v-else和v-else-if
【代码】VUE学习笔记7__vue指令v-else和v-else-if。原创 2025-01-17 00:08:25 · 179 阅读 · 0 评论 -
VUE学习笔记(入门)6__vue指令v-show和v-if
通过vue调试插件设置flag为false，此时。v-show控制的div结构还在。频繁切换显示隐藏的用v-show。v-if控制的div已经被删除。原创 2025-01-16 23:14:59 · 342 阅读 · 0 评论 -
VUE学习笔记(入门)5__vue指令v-html
v-html是用来解析字符串标签。原创 2025-01-16 19:33:20 · 524 阅读 · 0 评论 -
VUE学习笔记(入门)4__安装开发者工具
如果安装后找不到vue标签，请尝试下载历史版本，这里用的是6.4.5。再次打开检查会看到vue标签，方便调试修改。安装后需要关闭所有浏览器并重启。原创 2025-01-16 03:17:58 · 172 阅读 · 0 评论 -
VUE学习笔记(入门)2__插值表达式
【代码】VUE学习笔记2__插值表达式。原创 2025-01-15 23:12:00 · 137 阅读 · 0 评论 -
VUE学习笔记(入门)3__响应式
在网页控制台中对count进行修改操作，可以看到视图也自动进行了变化。原创 2025-01-16 02:25:38 · 199 阅读 · 0 评论 -
VUE学习笔记(入门)1__创建VUE实例
1，vscode需要安装openinbrowser才能使用alt+b预览当前html。3、vue的{{}}语法，用于拿到data中的数据。2、每次更改代码后需要ctrl+s手动保存。测试下el指定管理的盒子。原创 2025-01-15 21:19:02 · 256 阅读 · 0 评论