vue 提供了响应性的功能，用起来非常方便，只是 compositionAPI 把响应性提取出来之后，就出现了各种各样的小问题，在这里汇总一下。

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode

1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图，这是一个v-for渲染的列表(只是目前这个版块才刚开始做，目前只有一个)，圆圈

大多企业都是7月入职很多应届生，vue也是国内大多是公司首选的技术栈，下面就带你了解一下一些技术的实现，所以该文章每个技术实现都有对应的代码案例。

项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

前言 周一接到了美团的一面，面试官人很好，基本都是围绕着简历来问，奈何学习前端的时间较短，并没有给面试官留下比较惊艳的印象点。50多分钟面完直接就进人才库了，下面就是我重新整理了一下怎么实现Vuex的

1. 如何开发一个更优雅的毫秒级渲染的倒计时组件 2. 学会使用 requestAnimationFrame 3. 等等

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug

相信有很多这样的兄弟，学了 Vue3 的各种 API和新特性 ，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。今天就把实战过程中遇到的十个场景分享给大家。