本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

computed、watch、methods是我们在Vue项目中经常使用的三个属性，今天我就来好好捋一捋他们其中的关系。

之前写了一个node的jwt认证，为了能和node对应，跑通整个流程，前端将设置登录拦截，分别为路由拦截，http拦截。更多文件请看 github地址 大致流程：在进行路由跳转时，利用vue-router提供的钩子函数beforeEach()对路由进行判断，符合条件next()…

众所周知，javascript是一门单线程语言，而当我们使用ajax和服务端进行通信的时候是需要一定时间的，这样当前线程就会被阻塞，使浏览器失去相应。因此，当js执行执行一些长时间的任务时，我们希望有一种异步的方式处理这种任务。事件循环（event loop）就是如何处理异步执…

由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 在ECMAScript6标准定稿之前，已经开始出现了一些实验性的转译器(Transpiler)，例如谷歌的Traceur，可以将代码从ECMAScript6转换成ECMAScript5。但它…

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关…

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