vue
文章平均质量分 94
Lee哈
想多了都是问题 做多了都是答案
展开
-
Vue命令式组件的编写与应用
大家好!今天我们来聊聊Vue.js中的一个有趣话题——命令式组件。你有没有觉得,有时候我们在Vue模板里写组件,就像是在玩搭积木,每个积木都有固定的形状和位置?虽然这样很直观,但有时候我们可能需要更多的自由度来发挥创意。这就是命令式组件登场的时候了。它们就像是你的个人DJ,在你需要的时候播放你想要的音乐。不需要预先在模板中定义,你可以直接在JavaScript中调用它们,就像是调用一个函数一样简单。这种方式不仅让组件的使用变得更加灵活,还能让你的代码看起来更加干净利落。原创 2024-03-16 16:34:32 · 712 阅读 · 0 评论 -
Vue3中实现歌词滚动显示效果
歌词数据处理首先,我们定义了歌词数据的结构Lyric,并通过函数将歌词字符串解析为该类型的数组。这使得我们能够更方便地处理歌词数据。组件布局在布局方面,我们设计了一个简单的页面结构,包括音乐播放器、CD封面和歌词展示区域。通过ref获取音频元素的引用,并使用watch监听播放位置的变化,实现了歌词的滚动效果。事件处理timeupdate(播放位置变化事件)和canplay(可以开始播放事件)。通过监听播放位置变化,实时更新歌词的高亮位置,并在点击歌词时跳转到对应的播放位置。功能扩展。原创 2024-02-02 05:00:00 · 803 阅读 · 0 评论 -
Vue3 + Nodejs 实战 ,文件上传项目--大文件分片上传+断点续传
系列专栏:vue3+nodejs 实战--文件上传欢迎关注在上一篇中我们实现了文件的拖拽上传,该篇就讲讲大文件上传的需求场景。原创 2023-10-20 06:00:00 · 1384 阅读 · 1 评论 -
Vue3 + Nodejs 实战 ,文件上传项目--实现拖拽上传
拖拽上传的本质就是用户与页面的交互,其实涉及到的难点不多,只要懂得了设置div或者某个容器为拖拽对象,这种拖拽上传的问题就迎刃而解了,如有不理解或更好的方案可以私信或评论交流。下一篇准备实现大文件的分片上传,欢迎关注。原创 2023-10-16 06:00:00 · 1075 阅读 · 3 评论 -
Vue3 + Nodejs 实战 ,文件上传项目--实现文件批量上传(显示实时上传进度)
系列专栏:vue3+nodejs 实战--文件上传欢迎关注在上一篇中,我们创建好了前端Vue3,后端nodejs的项目,并且实现了一个图片上传的功能,地址在:,该篇实现了文件的批量上传并且显示实时的上传进度。原创 2023-10-14 16:21:17 · 1432 阅读 · 0 评论 -
Vue3 + Nodejs 实战 ,文件上传项目--实现图片上传
系列专栏:vue3+nodejs 实战之文件上传欢迎关注本系列记录vue3(前端)+nodejs(后端) 实现一个文件上传项目,目前只完成了图片的上传,后续会陆续完成:单文件上传,多文件上传,大文件分片上传,拖拽上传等功能,欢迎关注。原创 2023-10-12 22:26:17 · 1776 阅读 · 0 评论 -
Vue3组件间的通信方式
目录 1.props父向子组件通信2.自定义事件 子向父组件通信3.全局事件总线4.v-model组件通信(父子组件数据同步)绑定单个数据同步 绑定多个数据同步 5.useAttrs组件通信 6.ref与$parentref获取子组件实例对象 $parent获取父组件实例对象 7.provide-inject 可以实现隔辈传输8.Pinia选择式API:组合式API:父组件:props用于父组件向子组件传递数据,子组件用defineProps接收父组件传递来的参数在父组件中我们可以在使用子组件时,对其传递p原创 2023-07-18 18:21:19 · 4532 阅读 · 4 评论 -
基于EMQX在Vue和Nodejs中使用mqtt实现多端实时通信
在vue项目中通过WebSocket客户端连接mqtt进行:连接,订阅,发布,接收等基础操作。原创 2023-06-04 22:10:45 · 3741 阅读 · 13 评论