🌟 引言 在Vue项目开发中，你是否遇到过这样的困扰： 项目刚开始很流畅，随着功能增加越来越卡顿 页面数据更新时出现明显的延迟和卡顿 内存占用越来越高，最终导致页面崩溃 computed计算属性频繁重

用Vue3+Element Plus轻松实现多角色菜单控制！一套代码让管理员、编辑者、查看者看到不同界面，支持侧边栏折叠和路由跳转。附完整源码！

Vue3 高频题 · 第 5 题 主问题 问：Vue3 的父子组件通信方式有哪些？分别适用于什么场景？ 一、面试官期望你说出的目录（总览） Vue3 父子通信主要包括： 父 → 子 props（最常用

Vue 3.3 引入的 `defineModel` 编译器宏，用于简化 `v-model` 双向绑定，支持命名模型、默认值、修饰符及 TypeScript。适用于表单、可编辑表格等场景。

使用vite-plugin-federation实现微前端的搭建开发注意：联邦搭建微前端适合新项目，如果已经有用iframe拆分实现微前端过的老项目还是用microapp比较好

defineEmits 作用：用于声明组件可以触发的事件（即子组件向父组件通信）。 通过 emit('eventName', payload) 触发事件，父组件可以通过 @eventName 监听。

最近在写Vue 3项目的时候，你是不是经常遇到这样的场景：父组件想要调用子组件里的方法，但在<script setup>里却不知道该怎么暴露出去？ 每次都要翻文档查半天，最后可能还是用了不太优雅的解决

在 Vue 3 中，toRef、toRefs 和 toRaw 都是处理响应式系统的重要工具，它们提供了更灵活的方式来操作 reactive 对象。 1.toRef toRef 用于为 reactive

🌟 引言 在Vue3的组件开发中，你是否遇到过这样的困扰： Props drilling问题：数据需要通过多层组件传递，代码冗余且维护困难 跨层级通信困难：祖父组件想要向孙子组件传递数据，中间组件被迫