vue3

我叫张小白。10 小时前
前端·javascript·vue.js·前端框架·vue3
Vue3 路由:单页面应用的核心引擎本文是 Vue3 系列第十篇,将深入探讨 Vue3 中路由的概念和使用。路由是现代单页面应用(SPA)的基石,它让我们的应用能够在不同的视图之间切换,而无需重新加载整个页面。理解路由的工作原理和使用方法,是构建复杂 Vue 应用的关键一步。
我叫张小白。13 小时前
前端·javascript·vue.js·前端框架·vue3
Vue3 基本生命周期:组件的一生之旅本文是 Vue3 系列第八篇,将深入探讨 Vue3 组件的生命周期。理解生命周期就像是了解一个人的成长历程,从出生到成长,再到衰老和离去,每个阶段都有其特定的意义和任务。掌握组件的生命周期,能够让我们在合适的时机执行合适的操作,构建出更加健壮和高效的 Vue 应用。
我叫张小白。15 小时前
前端·javascript·vue.js·vue3
Vue3 Props 的使用:组件间数据传递的桥梁本文是 Vue3 系列第七篇,将深入探讨 Vue3 中 Props 的使用。Props 是组件之间数据传递的主要方式,就像是组件之间的"通信管道",让父组件能够向子组件传递数据。理解 Props 的工作原理和使用规范,能够让我们构建出更加灵活和可维护的组件架构。
我叫张小白。2 天前
前端·javascript·vue.js·vue3
Vue3 响应式数据:让数据拥有“生命力“本文是 Vue3 系列第三篇,将深入探讨 Vue3 的响应式系统。响应式是 Vue 框架的核心魔法,它让数据变化能够自动触发界面更新,就像给数据注入了生命力一样。理解响应式原理,能够帮助我们编写出更高效、更可靠的 Vue 应用。
我叫张小白。2 天前
前端·javascript·vue.js·前端框架·vue3
Vue3监视系统全解析本文是 Vue3 系列第五篇,将深入探讨 Vue3 的监视系统。监视就像是给数据安装的"监控摄像头",它能够时刻关注数据的变化,并在变化发生时执行相应的操作。理解监视的工作原理和使用场景,能够让我们更好地处理数据变化的副作用,构建更加健壮的 Vue 应用。
凯小默2 天前
vue3
05-初始化登录页面和加入校验规则App 组件login 组件
凯小默3 天前
vue3
04-封装路由初始化方法先改造 main.ts调整 router 配置文件,不导出 router ,而是导出一个 initRouter 函数的方式去初始化
草木红4 天前
vue3·vite·tailwindcss
vite 安装 vue3 和 tailwindcss官网:https://vitejs.cn/Vite 需要 Node.js 版本 14.18+,16+在终端管理器中输入下面命令进行安装
凯小默5 天前
vue3
vue3-10-计算属性以及get跟set
Eshine、5 天前
前端·vue3·.gz·.gz名称的js文件无法被加载
解决前端项目中,浏览器无法正常加载带.gz名称的文件前提:服务器上.gz文件,在浏览器中无法直接获取,是因为问了安全考虑,带.gz的文件名称,会直接被拦截,浏览器访问时,控制台会直接报错,错误信息如下:
Light605 天前
vue3·前端开发·响应式编程·组合式api·ai集成
Vue3 关键字速查表:从入门到进阶的全景指南本文系统梳理了 Vue3 的关键字与核心 API,涵盖组合式 API、模板指令、生命周期钩子、依赖注入、异步组件等内容。通过表格速查、代码示例、场景解析与流程图,帮助开发者快速定位和理解 Vue3 的常用语法。在此基础上,文章结合 AI 技术与新思维,探讨如何在现代前端架构中利用 Vue3 提升开发效率与可维护性。全文兼具理论性、可操作性与指导性,适合开发者、架构师与技术教育者参考。
你说啥名字好呢13 天前
前端·javascript·vue.js·vue3·源码分析
【Vue 渲染流程揭秘】本文章以vue@3.5.22版本和组合式写法作为基准进行的调试分析,如为vue2或者setup的选项式的写法,请不要按照当前文章来参考,其实现的方式不同。其中所使用的代码和图片均以指引作用,会省略部分非关键代码。
行走的陀螺仪15 天前
前端·vue3·js·自定义指令·权限按钮
vue3-封装权限按钮组件和自定义指令“权限按钮组件”在中大型前端项目中是非常通用的一类功能组件,通常用于根据用户权限动态显示 CRUD 按钮(增删改查)。
麦麦大数据16 天前
python·flask·vue3·知识图谱·neo4j·推荐算法
F046 新闻推荐可视化大数据系统vue3+flask+neo4j文章结尾部分有CSDN官方提供的学长 联系方式名片关注B站,有好处! 编号: F046视频链接系统简介:本系统是一个基于Vue3和Flask构建的新闻推荐、可视化与问答系统。其核心功能围绕新闻数据的展示、推荐、分析和用户交互展开。主要包括以下模块:
Sheldon一蓑烟雨任平生16 天前
性能优化·vue3·tree-shaking·高级性能优化·首屏加载优化·更新优化·大型虚拟列表
Vue3 高级性能优化Lighthouse 是谷歌浏览器中 devtools 中的一个性能分析工具。 选择Desktop(桌面端),点击 analyze page load,即可看到页面加载的一个跑分情况。 主要参数介绍: (1)First Contentful Paint(首屏内容绘制,FCP):首次内容绘制的时间,浏览器第一次绘制DOM相关的内容,也是用户第一次看到页面内容的时间。
前端.攻城狮17 天前
vue3·流式消息
用fetch-event-source处理流式消息:Vue 3中实现openAI/DeepSeek的实时输出microsoft/fetch-event-source 是一个由微软开发的开源库,旨在提供比浏览器原生 EventSource API 更强大的 Server-Sent Events (SSE) 请求处理能力
Sheldon一蓑烟雨任平生18 天前
webpack·typescript·vue3·webpack配置·从零构建vue3
webpack 从零构建 Vue3虽然我们已经可以通过 Vite 去快速的构建一个 Vue3 项目,但是使用 webpack 去构建一个Vue3 项目还是有必要的。一来让我们复习下 webpack 的项目构建流程,二来万一以后遇上老项目也能够快速上手。
saadiya~19 天前
前端·vue3·大华视频相机前端播放
基于 Vue3 封装大华 RTSP 回放视频组件(PlayerControl.js 实现)在项目中,我们经常需要对接摄像头视频流,尤其是大华(Dahua)或海康(Hikvision)设备的视频实时播放与回放。本文将介绍如何在 Vue3 + PlayerControl.js SDK 环境下封装一个可复用的大华视频回放组件。
软件架构师-叶秋20 天前
前端·vue3·elementplus
Vue3+tyepescript+ElementPlus+Axios前端技术栈目录Vue3 + Element Plus + Axios 技术栈介绍在项目中配置 Element Plus