Vue实现PDF文件上传的两种方案：1）推荐使用Element UI的el-upload组件，通过配置accept、limit等参数实现文件选择和验证，配合axios提交FormData到后端；2）原生方案使用input[type="file"]监听change事件，进行文件验证后通过axios上传。两种方案都包含文件类型（仅PDF）、大小（10MB内）验证，并提供上传进度显示

本文提供了一份详细的Vue3 + Vite项目搭建教程，涵盖从环境准备到功能开发的全流程。主要内容包括： 环境准备：安装Node.js（推荐LTS版本）和包管理器（建议pnpm） 项目创建：使用Vite脚手架快速初始化项目，完成交互式配置 项目结构：解析关键文件如index.html、main.js和vite.config.js的作用 配置优化：包括Vite配置（端口、代理、路径别名）、ESLin

核心逻辑：Vue2 主应用安装wujie-vue2，通过组件配置 Vue3 子应用的name和url即可接入，Vue3 子应用零改造；通信方式：主应用通过props传参，子应用通过接收；通过无界事件总线bus实现双向通信；关键配置：生产环境需配置 Nginx 代理解决跨域和路由刷新问题，history模式需配合prefix和sync实现路由同步。

本文介绍了如何通过无界（Wujie）微前端框架将Vue2子应用零改造接入Vue3主应用。主要内容包括：1）Vue2子应用无需修改即可独立运行；2）Vue3主应用安装wujie-vue3适配包；3）通过WujieVue组件配置子应用容器；4）实现主应用与子应用间的双向通信。该方法解决了跨域问题，支持history路由模式，并可通过props和事件总线进行数据交互。开发时需分别启动主应用和子应用，访问

本文介绍了在qiankun微前端架构中集成Vue2和Vue3微应用的完整流程。主要内容包括：1）搭建Vue3主应用并配置qiankun框架；2）改造Vue2微应用，包括动态publicPath设置、导出生命周期函数和路由适配；3）针对Vue3微应用的Webpack/Vite两种场景分别进行改造。关键点在于主应用注册微应用配置、微应用导出生命周期函数以及路由协调，确保应用间独立开发和样式隔离。通过q

Vue3中ref和reactive的核心区别：ref主要用于基本类型（需.value访问），兼容复杂类型；reactive仅支持复杂类型（直接操作属性）。关键差异包括：解构时reactive需配合toRefs保持响应式，而ref解构后仍响应；替换对象时ref保持响应式而reactive会丢失。选择原则：基本类型用ref，复杂类型用reactive，解构用toRefs，替换对象用ref。掌握这些要点

Vue3核心语法解析：本文详细介绍了Vue3的基础环境搭建、组件结构和核心语法特性。重点对比了选项式API和组合式API两种写法，深入讲解了响应式系统（ref/reactive/toRefs）、模板语法、生命周期钩子以及组件通信方式。文章包含大量可直接运行的代码示例，帮助开发者快速掌握Vue3的关键语法，特别适合从Vue2过渡到Vue3的开发者学习参考。

Vue 3组合式API中，watch和watchEffect的核心区别在于： watch显式指定监听源，惰性执行，支持新旧值访问，适合精确控制监听场景 watchEffect自动追踪函数内响应式数据，立即执行，写法更简洁 使用技巧： 需要对比新旧值或深度监听时用watch 依赖多个数据或需要立即执行时用watchEffect 两者都支持停止监听和清除副作用 选择建议：根据是否需要精确控制监听源、访

本文深入剖析了 Node.js 性能诊断工具 Clinic.js 的核心原理与实战应用。Clinic.js 基于 Node.js 内置诊断接口（Inspector API、perf_hooks 等），通过非侵入式采样和多维度数据关联，提供一站式性能诊断方案。文章详细介绍了 Doctor、Flame、Heap Profiler 和 Bubbleprof 四大工具的原理与适用场景，并通过包含事件循环阻

Vue Router 的 Hash 模式和 History 模式是实现前端路由的两种方案，核心区别在于 URL 格式、实现原理和部署要求。Hash 模式通过监听 # 后的哈希变化实现路由，兼容性好且无需后端配置，但 URL 不美观且 SEO 不友好。History 模式利用 HTML5 History API 实现无 # 的 URL，更符合用户习惯且利于 SEO，但需要后端配合将所有路由指向 in