新年第一天，开始准备春招，本文是我的前端面试复习系列的Vue篇，如有不当之处，欢迎指正，更同进步，谢谢🙏。

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经…

在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上的各种各样的限制。 因为这是一个工作上的业务需求，所以对于我来说主要有两个地方需要进行权限控制。 第一个是侧边菜单…

Vue-Occupy是一个vue指令，能够在数据被加载之前使用一个可配置的色块进行占位，能够有效提升用户体验。 这样，vue-occupy已经被注册为一个全局的指令，你可以在任意.vue文件里面通过v-occupy使用。 在fetch方法返回数据之前，<div v-occupy…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

2. 注册自定义指令，在main.js文件中引入文件，并注册（图中标注两行代码即可） 3. 起飞，在需要的地方输入框使用该指令即可轻松实现。 如果把自己常用的小技能都采用自定义的方式进行维护，那岂不是美滋滋。

再封装AJAX所带来的好处是你想象不到的! 无论是对于代码的高效管理，还是系统的设计...其收益远远超出你的想象。 封装其实很简单，就是对原来真正的AJAX套一个壳，这个壳就是一个函数！ 在这个函数里都干了些什么见不得人事呢？干什么都可以，上面说的1、 2、 3、 4、 5都可…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…