专注在写重复性代码里好开心啊，这样就不用动脑了！但是最近我决定搞一个基于vue3 + vite + Element Plus的表格表单组件库。

2021 高频前端面试题汇总之Vue篇，前端面试题汇总系列文章的Vue篇，长期更新，欢迎收藏、点赞！

这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战 问题 - 直接修改数组元素是无法触发视图更新 比如： - 直接给对象添加元素也不会触发视图更新 均不会触发视图更新       官方给出的解

最近上网多了，倒是有趣的事情也变得多了起来，Vue 的作者尤雨溪也整了段花活，给我们Rap了一段，其实唱歌本身不是很惹眼的事情，但是本是一位非常厉害的开发人员，同时又有比较"时髦"的说唱爱好，确实是反

vuex的 store 中的数据是保存在运行内存中的，当页面刷新时，页面会重新加载 vue 实例，vuex 里面的数据就会被重新赋值，这样就会出现页面刷新vuex中的数据丢失的问题。 如何解决浏览器刷

刷新页面vuex的数据会丢失属于正常现象，因为JS的数据都是保存在浏览器的堆栈内存里面的，刷新浏览器页面，以前堆栈申请的内存被释放，这就是浏览器的运行机制，那么堆栈里的数据自然就清空了。

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

Vue后台管理项目经常有权限控制，不同角色使用不同权限，常用方法就是用addRoutes来动态添加路由，但有两个问题是官方文档上找不到解决方案的 角色切换，addRoutes提示有重复的路由，无法删除

动态路由是一个常用的功能，根据后台返回的路由json表，前端动态显示可跳转的路由项，下面来讲解一下具体的实现方式