Vue学习点滴

最新推荐文章于 2025-08-10 19:50:19 发布
最新推荐文章于 2025-08-10 19:50:19 发布 · 115 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍了Vue.js中循环和事件绑定的基本用法。通过v-for指令实现列表循环展示，并展示了如何通过@符号前缀来绑定点击事件。此外，还介绍了属性绑定的方法，即使用:href进行链接地址的动态绑定。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 循环

 

 v-for="(item, index) in items"

2. 事件   前面加@

 

 @click="handleCustomerReflect(s.id)"

 

3. 属性绑定 前面加：

 

 :href="getJumpUrl(r.aid)"

 

 

AntDesignVue学习点滴（实战遇到的问题集锦）
元曦的博客
10-26 550
AntDesignVue学习点滴（实战遇到的问题集锦）
Vue学习(vscode)
qianqianyunyan的博客
10-04 803
项目部署及使用
vue点滴yan
weixin_42201346的博客
04-07 292
具名插槽和作用域插槽(就是把vue的子元素的属性给父使用) // 爸爸 <YanSlotSon> <template v-slot:header="context"> fffffff {{context.aaa}} </template> </YanSlotSon> // 儿子 <template>................................................
Vue-20190623点滴
06-23 122
Vue-20190623点滴 推荐黄奕同学vue的学习方式和过程。https://juejin.im/post/5b18d2d7f265da6e410e0e20 ♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣ ☻☻☻☻dom diff实现原理。 https://clou...
前端学习点滴积累
前端日月明
03-21 440
本文为博主原创文章，未经博主允许不得转载。 1.任何能够跟着鼠标移动的东西，都要有一个前提absolute 2.鼠标事件都是在浏览器窗口中待定的位置上发生的，这个位置信息保存在clientX和clientY属性中。 所有浏览器都支持该属性。 3.clientWidth指对象看到的宽度（含padding，不含border） off...
Vue-travel学习笔记
青梅煮码
06-07 485
vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"阻止用户手滑发大缩小页面 1.2 初始化样式 -->引入reset.css 1.3 移动端多倍屏边框不准的问题 --> 引入 border....
Vue学习笔记:基础篇之vue入门
张飞洪的博客
11-13 80
为了建立高效团队，很多公司会采用全栈工程师，虽然利弊兼有，对于成本优先的创业团队，肯定是首选，特别是对.net生态圈，大部分都是小公司，就更加重要了。这里记录的是对vue的学习点滴，希望对你有所助力。 1.简介　　 更加轻量 20kb min+gizp 渐进式框架【按需学习】 响应式更新机制【数据驱动】 学习成本低 官网 官网教程 git学习资料 2.内容介绍 基础篇：Vue核心知...
学习Vue的style样式及class绑定（点击变色）
qq_38859502的博客
09-01 3410
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
【日常点滴--010】入坑VUE3.0实录
weixin_43521165的博客
01-05 1648
目录 环境安装： 项目搭建： 路径使用 UI组件安装 环境安装： 图片中提到的报错信息 和解决方法 ： npm WARN deprecated core-js@2.6.11: core-js@\<3 is no longer maintained and not recommended for usage due to the number of issues. Pl...
vuepress
06-16
VuePress 是一个由 Vue.js 驱动的静态站点生成器，特别适合创建技术文档和个人博客。它由 Vue.js 的作者尤雨...而通过深入学习 VuePress 的配置和 Vue.js 的基础知识，你还可以进一步定制网站，实现更多个性化的功能。
基于Vue+TypeScript的App风格Vue.js日记网站设计源码
02-15
对于初学者来说，这个项目是一个很好的学习材料，可以帮助他们掌握Vue.js和TypeScript的使用方法，同时理解现代Web应用开发的最佳实践。 该网站的功能不仅限于记录个人日记，还可以用于分享生活点滴。用户可以在这...
基于Vue框架的个人博客项目设计源码分享
02-25
项目的名称和标签中提到了“个人博客”，这表明该Vue项目是一个用于展示个人文章、分享观点和生活点滴的平台。个人博客项目不仅是一个很好的技术实践案例，它还是一个建立个人品牌和分享专业知识的工具。通过该项目...
基于Java+Vue的Lovernest个人情侣网站设计源码
10-03
Lovernest个人情侣网站源码不仅为情侣们提供了一个记录生活点滴的温馨在线家园，同时也为开发者提供了一个学习和实践最新网络开发技术的宝贵资源。项目通过合理的模块划分和清晰的架构设计，确保了代码的可读性和可...
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
lf_1234的博客
08-06 955
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 656
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
数论手机辅助：打造便捷高效的移动应用交互体验
cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件
08-06 1218
关键在于实现 WebView 弹窗的拖动大小功能，通过监听窗口的触摸事件，在触摸按下时记录初始的窗口大小和触摸位置，在触摸移动过程中根据触摸位置的变化计算新的窗口大小，并更新窗口的布局参数，从而实现窗口大小可随触摸操作动态改变。方法中，目前只是通过 Toast 提示接收到了要插入的文本，实际应用中可以根据需求进一步完善，比如利用 AccessibilityService 来实现真正的文本插入操作，将选中的文本模拟输入到当前聚焦的输入框中，从而实现更加智能化和便捷的交互体验。在 Android 端的。
【JS】扁平树数据转为树结构
此人太懒，没有任何简介
08-07 422
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
Vue3从入门到精通： 2.5 Vue3组件库开发与设计系统构建
最新发布
08-10 566
本文介绍了Vue3组件库开发与设计系统构建的核心内容。设计系统包含设计原则、设计令牌和组件规范三大要素，通过统一的设计语言确保产品一致性。文章详细展示了设计令牌（颜色、字体、间距等）和组件规范（按钮变体、状态等）的代码实现，并强调设计系统在保证UI一致性和提升开发效率方面的价值。读者将学习到组件库的设计理念、开发流程以及如何构建完整的设计系统体系。
Vite 深度解析：现代前端开发引擎
weixin_43822134的博客
08-08 1149
Vite 代表了前端工具链从"打包时代"向"原生ESM时代"的演进，其核心价值在于将开发者从构建等待中解放出来。虽然Webpack在复杂场景下仍有优势，但Vite已成为现代前端开发的默认选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值