Vue杂项第20页

Vue: 选项式与组合式API详解

前言Vue.js作为一款渐进式JavaScript框架，以其简洁易用、灵活高效的特点深受开发者喜爱。随着Vue3的发布，组合式API的引入为开发者提供了全新的代码组织方式。

小智IT·2025-06-19 05:43

Vue的组合式API和选项式API

Vue的组合式API和选项式API是Vue的两种代码风格。

3_Trick·2025-06-19 05:41

【Node技巧】Node部署前端Vue项目的深度解析

目录前言1️⃣Node.js与Vue部署的基本原理2️⃣部署前的准备工作3️⃣Vue项目构建4️⃣Node.js服务器的选择与设置5️⃣部署Vue静态文件6️⃣反向代理与负载均衡配置7️⃣自动化部署流程

·2025-06-19 05:09

Vue.js在前端实时聊天系统中的应用

Vue.js在前端实时聊天系统中的应用关键词：Vue.js、实时聊天系统、WebSocket、前端架构、状态管理、组件化开发、性能优化摘要：本文深入探讨Vue.js在构建实时聊天系统中的应用。

大厂前端小白菜·2025-06-19 04:07

每天一个前端小知识 Day 4 - TypeScript 核心类型系统与实践

复杂业务场景需要强类型保障稳定性；更好的IDE支持和智能提示；降低线上bug概率；成熟的工程团队都在使用；对于React/Vue项目维护可读性更强。

蓝婷儿·2025-06-19 04:37

Vue3 + TypeScript + Element Plus + el-input 输入框列表按回车聚焦到下一行

应用效果：从第一行输入1，按回车，聚焦到第二行输入2，按回车，聚焦到第三行……一、通过元素id，聚焦到下一行的输入框关键技术点：1、动态设置元素id属性为：:id="`input-apply-amount-${(optionasIReagentOption).id}`"2、设置回车监听：@keyup.enter.native="onEnterPressDown((optionasIReagentO

BillKu·2025-06-19 03:58

Vue3 + TypeScript：从环境搭建到组件通信的完整前端开发教程

在前端开发领域，Vue3与TypeScript的组合备受青睐。Vue3带来高效灵活的开发体验，TypeScript则提供强大的类型安全和可维护性。

魏大帅。·2025-06-19 02:55

Vue3 + TypeScript 生命周期钩子使用错误解析 onMounted is called when there is no active component instance to be

[Vuewarn]:onMountediscalledwhenthereisnoactivecomponentinstancetobeassociatedwith.LifecycleinjectionAPIscanonlybeusedduringexecutionofsetup

BillKu·2025-06-19 02:52

Vue3 + TypeScript 本地存储 localStorage 的用法

1、字符串直接操作//存储表格列宽localStorage.setItem(`${tableName.value}_${prop}_colWidth`,newWidth.toString());//获取表格列宽letstorageColWidth=localStorage.getItem(`${tableName.value}_${prop}_colWidth`);//删除本地存储的列宽数据loc

BillKu·2025-06-19 02:52

nextTick 核心原理与应用

Vue.js的nextTick是一个核心异步机制，用于解决DOM更新时机问题。

teeeeeeemo·2025-06-19 02:52

Vue+TypeScript 枚举（Enum）的使用规范

在TypeScript中，枚举（Enum）的命名应遵循以下规范，这些规范结合了TypeScript官方建议和行业最佳实践：枚举命名规范（TypeScript/Vue项目）基本命名规则：使用PascalCase

BillKu·2025-06-19 02:21

Vue大文件上传:让你的文件秒传、断点续传、分片上传---需要后端支持--案例后端使用node

敲黑板：大文件上传是需要后端支持的因为我是前端，我用的是node来说明后端怎么操作。前端自己看懂以后，方便前端工程师与Java后端沟通。首先，大文件上传分为以下几点考量：（1）秒传：服务器已经有该文件了，直接显示上传成功。（2）分片上传：大文件分片传给后端，后端自己组合成一个完整的文件。（3）断点续传：分片上传一半没成功，然后从断点处继续接着上传。（1）秒传a、前端思路：用户上传文件计算文件的ha

陶甜也·2025-06-19 01:45

推荐开源项目：Vue-Layui - 基于Vue.js和Layui的前端框架

·2025-06-19 00:34

Layui-Vue 开源项目教程

Layui-Vue开源项目教程layui-vuelayui-vue是一套Vue3.0的桌面端组件库项目地址:https://gitcode.com/gh_mirrors/la/layui-vue项目介绍

童福沛·2025-06-19 00:34

开源项目 layui-vue 的扩展与二次开发潜力

开源项目layui-vue的扩展与二次开发潜力layui-vueAnenterprise-classUIcomponentsbasedonLayuiandVue.项目地址:https://gitcode.com

·2025-06-19 00:34

Vue.js 中的 h() 渲染函数：深入解析与应用

引言在Vue.js框架中，h()函数是一个强大的工具，它允许开发者以编程方式创建虚拟DOM节点（VNodes）。这种能力不仅提供了灵活性，还有助于优化性能。

代码简单说·2025-06-18 22:25

Vue3 渲染函数 API（五）

attrs/domProps/on等的对象children//子虚拟节点(VNodes)，由h()构建而成，//也可以使用字符串来生成“文本虚拟节点”)import{h,createApp}from'vue'constMyComponent

**之火·2025-06-18 22:54

《vue3基础知识》学习笔记Day34-（Period2）进阶 API

第一个参数既可以是一个字符串(用于原生元素)也可以是一个Vue组件定义。第二个参数是要传递的prop，第三个参数是子节点。当创建一个组件的vnode时，子节点必须以插槽函数进行传递。

sameen1900·2025-06-18 22:54

Vue 渲染函数：从基础到进阶，解锁动态渲染的无限可能

Vue渲染函数：从基础到进阶，解锁动态渲染的无限可能在Vue.js的世界里，模板（Templates）以其声明式的简洁性赢得了广大开发者的青睐，它像一套精心设计的预制件，让构建用户界面变得直观高效。

智绘前端·2025-06-18 22:23

Vue渲染函数 - render 函数

文章目录Vue渲染函数-render函数1.什么是render函数2、页面展示过程3、render函数的参数4.如何使用（1）基本渲染（2）传递属性和事件（3）条件渲染5.render函数的实际使用6.

YD_1989·2025-06-18 22:23

【小程序开发0基础】黑马程序员微信小程序开发02

如果有HTML/CSS/Javascript基础，了解过vue框架阅读会更加流畅。通过阅读本文可以快速掌握小程序开发基础，从页面渲染到网络请求全流程梳理！

·2025-06-18 22:22

Better Auth：一个面向 TypeScript 的全面身份验证库

Stars数15,005Forks数1046主要特点广泛的框架兼容性：完美适配React、Vue、Svelte、Astro、Solid

开源项目精选·2025-06-18 20:11

详细分析Canvas基本知识（以Vue3为基础）

目录1.基本知识2.Demo2.1填充矩形和描边矩形2.2清空矩形区域2.3绘制直线和路径2.4绘制圆形2.5绘制图像2.6多个形状组合3.彩蛋1.基本知识以下是关于Canvas的基本知识和对应API的详细分析，以表格形式呈现，并附上多个可以直接执行的Demo示例Canvas是一个HTML元素，允许使用JavaScript动态绘制图形和动画Canvas提供了一组API，使开发者可以直接在浏览器中进

码农研究僧·2025-06-18 20:40

鹏程万里------VUE3 xlsx导入excel读取数据

首先是html部分{{form.file_path}}{{'选择excel'}}然后是js部分constupload=async(file:any)=>{//constpath=awaitfileUpload(file)//if(false){//ElMessage.error()//return//}//form.file_path=path//console.warn(form.file_pa

苏西守护者·2025-06-18 20:08

vue下的xlsx文件导出和导入的写法

1.导出：导出//导出Excel表//表格数据写入excel，并导出为Excel文件privateasyncexportToExcel(){constXLSX=require('xlsx')//使用this.$nextTick是在dom元素都渲染完成之后再执行this.$nextTick(function(){//设置导出的内容是否只做解析，不进行格式转换false：要解析，true:不解析con

行走的茶白·2025-06-18 19:07

vue3的生命周期

Vue3的生命周期与Vue2类似，但在CompositionAPI中提供了新的方式来使用生命周期钩子。

没资格抱怨·2025-06-18 19:04

Vue 3 Diff 算法过程及基本实现方式

Vue3的Diff算法Vue3使用的是一种高效的DOMDiff算法，主要用于在虚拟DOM树发生变化时，计算最小的操作以更新真实DOM。相比Vue2，Vue3的Diff算法做了很多优化。

椒盐大肥猫·2025-06-18 19:34

vue3 模板编译过程

Vue3的模板编译过程将您在Vue单文件组件（.vue文件）或模板字符串中写的声明式模板转换成JavaScript渲染函数。

椒盐大肥猫·2025-06-18 19:33

Vue3 内置组件使用指南：提升开发效率的实用技巧

Vue3提供了一系列强大的内置组件，能够帮助开发者高效处理动态组件、内容分发、过渡动画等常见场景。本文将结合代码示例，讲解6个核心内置组件的实战用法。

产品经理跪着改需求·2025-06-18 19:03

【前端】Vue3 生命周期钩子详解

欢迎来到[爱学习的小羊]的博客！希望你能在这里发现有趣的内容和丰富的知识。同时，期待你分享自己的观点和见解，让我们一起开启精彩的交流旅程！>首页：爱学习的小羊–热爱AI、热爱Python的天选打工人，活到老学到老！！！导航-常用开发工具：包含代码补全工具,Vscode-AI工具,IDERorPycharm-AI工具,如何使用Cursor等更多教程…-VScode-AI插件：集成13个种AI模型（G

爱学习的小羊啊·2025-06-18 19:03

Vue 3 生命周期钩子详解

一、Vue生命周期概述Vue组件的生命周期指的是一个Vue实例从创建到销毁的整个过程。在这个过程中，Vue提供了一系列的"钩子"（hooks），允许开发者在特定阶段插入自己的代码，实现特定的功能。

图灵科竞社资讯组·2025-06-18 19:02

尚硅谷VUE项目-前端项目问题总结05【api-vuex-组件通信-面包屑-排序】

尚硅谷VUE项目-前端项目问题总结05search模块开发1.静态页面2.api3.vuex4.search产品模块和search子组件SearchSelector模块5面包屑【含组件兄弟通信$bus，

万物可爱_85·2025-06-18 18:32

Vue3核心技术之虚拟DOM

在Vue3中，**虚拟DOM（VirtualDOM）**是核心技术之一，它通过在内存中创建轻量级的DOM表示，优化了UI渲染的性能。1.什么是虚拟DOM？

guokanglun·2025-06-18 18:01

Vue3-高级特性

一、Vue中自定义指令1.认识自定义指令在Vue的模板语法中我们学习过各种各样的指令：v-show、v-for、v-model等等，除了使用这些指令之外，Vue也允许我们来自定义自己的指令。

DustinWangq·2025-06-18 18:00

Vue3开发从入门到精通

Vue3开发从入门到精通学习目录第一部分：Vue3概述第1章：Vue3简介什么是Vue3Vue3的历史和发展Vue3的主要特点和优势Vue3的应用场景第2章：Vue3的演进过程从Vue1到Vue3的演进

莲华君·2025-06-18 18:29

Vue3组合式API深度解析：模式、实践与架构级应用

一、组合式API设计哲学1.1响应式编程演进1.2组合式特性对比表特性选项式API组合式API优势分析代码组织按选项分块逻辑聚合高内聚低耦合类型推导有限支持完整TS支持开发体验提升60%逻辑复用Mixins混入自定义Hook降低复杂度50%生命周期固定钩子动态注册灵活度提升80%响应式追踪隐式追踪显式声明可维护性增强70%二、核心响应式机制剖析2.1响应式系统实现//简化的响应式核心实现class

桂月二二·2025-06-18 18:59

Git 前后端 Java & Vue 项目的 .gitignore 配置分享

一、后端Java项目的.gitignore配置1.开发环境文件.idea/*.iml*.ipr*.iws2.编译生成文件/target//build/*.class*.jar*.war*.ear3.敏感数据与本地配置.envapplication.propertiesapplication.yml.gitignore4.日志与临时文件*.loglogs/tmp/temp/5.测试相关文件cover

尽兴-·2025-06-18 18:29

溜达哥·2025-06-18 18:59

Vue 面试核心知识点详解

Vue面试核心知识点详解与答题策略一、Vue核心概念与原理响应式数据绑定原理Vue2.x使用Object.defineProperty劫持数据属性的getter/setter，结合发布-订阅模式（依赖收集器

前端小崔·2025-06-18 18:56

vue使用uuid，请求头headers设置uuid

下载uuid，导入文件npminstalluuid使用在src包下创建utils包，存放uuid_token.js文件.在uuid_token文件下进行配置调用import{v4asuuidv4}from'uuid';引用uuidv4()import{v4asuuidv4}from'uuid';//要生成一个随机字符串，且每次执行不能发生变化，游客身份持久存储exportconstgetUUID=

暖季啊·2025-06-18 17:21

Vite 存在任意文件读取漏洞(CVE-2025-30208)

一：产品介绍Vite是一个面向现代Web开发的轻量级前端构建工具，由Vue.js作者尤雨溪团队打造。它基于原生ES模块（ESM）提供极速的开发服务器启动和热更新，利用浏览器原生支持

Byp0ss403·2025-06-18 17:50

基于Java+Springboot+Vue开发的新闻管理系统- 课程作业- 课程设计

项目简介该项目是基于Java+Springboot+Vue开发的新闻管理系统（前后端分离），这是一项为大学生课程设计作业而开发的项目。

·2025-06-18 17:50

Vue--将页面区域导出为pdf

背景：将前端页面指定区域的内容导出为pdf，使用纯前端实现两种实现：方式一：使用jsPDF、html2canvas，将特定区域使用html2canvas转化为图片，使用jsPDF将图片转化为pdf。该方式适用于小区域转化pdf。当前转化区域有翻页时会出现内容拆分导致导致的可读性变差。下载PDFimporthtml2canvasfrom'html2canvas';import{jsPDF}from"

·2025-06-18 17:48

el-select+el-tree实现树形分组+多选+搜索的选择器

注意父组件用的vue3语法，子组件用的vue2的语法封装treeList子组件，直接上代码exportdefault{name:'TreeSelect',props:{//v-model绑定value:

₍•ʚ•₎呀呀·2025-06-18 16:44

关于js和vue以及项目搭建的相关问题

前端跨域//0.为什么出现跨域1.浏览器默认的一种'同源策略'2.协议-域名-端口不统一造成的跨域//1.跨域资源共享,在后端设置cors(nodejs的express服务下)1.后端安装:yarnaddcors-S2.引入:constcors=require('cors')3.直接挂载:App.use(cors())//2.后台处理CORS,加入一句话(加载设置响应头部分)header("Acc

糖心何包蛋111·2025-06-18 16:13

vue3中element-plus修改el-tooltip的宽度

注意选中的样式是:deep(.el-popper.is-dark){max-width:30%!important;}也有可能不需要后面的.is-dark，看情况而定，总之不是.el-tooltip修改el-tooltip的显示高度参考：前端字数太多使用el-table设置show-overflow-tooltip显示不下，闪烁不显示_某页面的el-table统一开启show-over-toolt

selfsuer·2025-06-18 15:42

vue3 el-select+el-tree实现下拉树形选择

主要功能：多选，移除标签，清空标签，模糊搜索，禁用，全选，清空全选清空import'element-plus/dist/index.css'import{getFileTypeTree}from'@/api/Customer/index'exportdefault{name:'App',data(){return{noticeTypeId:[],//最后获取的选择idtreeProps:{valu

控糖__he·2025-06-18 15:10

vue3+element-plus el-date-picker日期组件再次封装（DatePicker与DateTimePicker合并根据type值来显示并自定义常规快捷方式）

1、最终效果2、TDatePicker参数配置1、简介：基于ElementUIDatePickerDateTimePicker组件的二次封装，取决于type值代码示例：2、t-date-picker（Attributes）继承DatePickerDateTimePicker的Attributes参数说明类型默认值v-model绑定值[String,Date,Array]-plusTime日期范围是

wocwin·2025-06-18 15:10

Vue3 Pinia Store 生命周期管理

在Vue3的Pinia中，defineStore定义的store本身没有onUnmounted生命周期钩子。

BillKu·2025-06-18 15:39

实现图片懒加载

构建自定义指令利用IntersectionObserver完成监测（此处我们直接用vueUse的useIntersectionObserver）//directive/index.js//图片一开始不加载

小白变怪兽·2025-06-18 15:06

推荐频道

Vue杂项