摘要: 接上一篇... V标签综合使用:记事本案例 功能: 在实现列表渲染和删除功能的基础上,增加了数据添加以及数据统计,同时要求底部统计和清空区域在事件数目为0时不显示。 思路: 整体架构分为三部分:头部使用v-model绑定用户输入,并且绑定add方法,通过回车或点击按钮触发数据添加事件;主体部分使用  阅读全文
posted @ 2024-04-08 14:45 Fly宇航员 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 接上一篇... V标签综合使用:书架案例 功能: 实现列表的渲染和删除 思路: 使用 v-for 渲染数据列表,并在每个列表项内放置一个绑定了 del方法的“删除”按钮,点击按钮时会触发方法,根据传入的 ID 删除相应数据源中的项目。 代码: html: <div id="app"> <h3>我的书 阅读全文
posted @ 2024-04-06 20:33 Fly宇航员 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 认识V标签 目录 认识V标签 v-text: v-html: v-bind (缩写为 :): v-if / v-else / v-else-if: v-show: v-for: v-model: Vue.js 中常用的 v- 前缀标签(指令)包括但不限于以下几种: v-text: 用法:<span 阅读全文
posted @ 2024-04-06 20:21 Fly宇航员 阅读(3) 评论(0) 推荐(0) 编辑