1. 接口模块处理 这里封装的依据是后台传的JWT，已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时，具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数，避免从缓存中拿数据。 除了基础请求类型，还有很多类似下载、上传这种，需要特…

观察者模式是一种实现一对多关系解耦的行为设计模式。它主要涉及两个角色：观察目标、观察者。如图： ~~Vue是一个实现数据驱动视图的框架~~（废话，大家都知道，说重点） 我们都知道，Vue能够实现当一个数据变更时，视图就进行刷新，而且用到这个数据的其他地方也会同步变更；而且，这个…

在使用Vue渲染“可删减”的列表时，错误的使用index作为key，导致列表视图出现错乱。 这个问题一下子很难解释，下面我们通过几个小问题，一步一步来分析。 测试1：打开浏览器控制台，然后删除第一行，查看日志，思考为什么。 测试2：先重置页面，然后删除最后一行，查看日志，思考为…

正则表达式的基本使用。（例如分组） 首先，我们按照以下代码创建一个HTML文件，本文主要就是教大家如何实现以下功能。 我们都知道，vue是基于MVVM设计模式的渐进式框架。那么在JavaScript中，我们该如何实现一个MVVM框架呢？ 实现一个Watcher 侦听器。讲Com…

在上一篇的结尾，我说这一篇后着重讲一下 defineReactive 这个方法，这个方法，其实就是大家可以在外面看见一些文章对 vue 实现响应式数据原理的过程。 虽然很多前端的大佬知道它的作用，但是我相信还是有一些朋友是不认识的，我希望我写的文章，不只是传达vue内部实现的一…

vueconf(2018hangzhou)大会刚刚过去，vue作者尤大大向我们展示了vue3.0的进展，并介绍vue3.0的一些改动，其中最令我期待的就是重写数据监听机制。 谈起vue的双向数据绑定，我们首先能想到的就是ES5中Object.defineProperty，利用重…

1. Vue.js介绍 15. vue 组件通信 25.v-for key的作用。 34.vue如何兼容ie的问题。 本文主要是一些基础知识。希望能帮助那些即将或正在找工作的同行们。加油~~~ 如果你觉得有用 请帮忙点点赞呦~~~

1. 动态属性名：可使用表达式来设置动态属性名或方法名： 2. computed/methods/watch computed可缓存，但不可传参，会根据data中的属性变化而变化，即是根据响应式依赖来变化，而Date不是响应式依赖，即不会变化；method则每次都会进行计算，但…