首先让我们看一下这张图，表示了一个多级关联的组件嵌套 为什么要用$attrs 和 $listeners 先让我们来想一种情况，就是组件A跟组件C怎么通信，我们可以有多少中解决方案？ 看到这种情况，大多

🎹序言 众所周知， hash 和 history 在前端面试中是很常考的一道题目。在学习本文内容之前，周一对 hash 和 history 的认知可能就在 hash 的 url 里面多了个 # ，而

从最开始学的for循环遍历方法，到后来层出不穷的各种遍历方法，其实最大的区别就是应用场景的不同。 我们最需要记住的就是，什么情况下用哪一种方法比较合适。

当 Vue 编译器接收到模板字符串时，它会把模板字符串转换成渲染函数，这个过程被称为“编译”。Vue 中的模板编译过程和原理 以及h函数和render函数的联系与区别

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

在我们的实际项目中，与Vue的生命周期打交道可以说是家常便饭。掌握Vue的生命周期对开发者来说是特别重要的。那么如果能够从源码角度理解Vue的生命周期，对我们的开发和成长会有进一步的提升。 本文从基础知识开始讲起，分为基础知识和源码解读两部分，对基础知识已经掌握的开发者可自行跳…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

先简单介绍下自定义指令 Vue的自定义指令通过Vue.directive方法来创建。 bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。 inserted：被绑定元素插入父元素时

响应式原理 Vue2 实现响应式的核心是通过 ES5 的 Object.defineProperty，这是浏览器中一个无法 shim 的特性，所以Vue.js 不能兼容 IE8 及以下浏览器。 Obj