为什么要写这些文章呢。正如设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结（来自百度百科）一样，也是想通过分享一些工作中的积累与大家探讨设计模式的魅力所在。 有了上面两步的推导要理解模板方法模式在vue中的应用就比较简单了。…

Vue.js 很棒。但是，当你开始构建大型 JavaScript 应用时，你将开始触及 Vue.js 的边界。实际上这些边界并不是框架的限制；相反，这些边界是 Vue.js 团队不断进步地重要设计决策。 与 React 或 Angular 不同，Vue.js 迎合不同级别的开发…

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

作为一个前端开发者，曾踩了太多的“数据绑定”的坑。在早些时候，都是通过jQuery之类的工具手动完成这些功能，但是当数据量非常大的时候，这些手动的工作让我非常痛苦。直到使用了VueJS，这些痛苦才得以终结。 VueJS的其中一个卖点，就是“数据绑定”。使用者无需关心数据是怎么绑…

踩坑实践过的

因为项目需求，最近开始转到微信公众号开发，接触到了Vue框架，这个效果的实现虽说是基于Vue框架下实现的，但是同样也可以借鉴到其他地方，原理都是一样的。 其实js做这个效果还是挺简单的，因为在css中我们可以设置一个元素的position: fixed;，这样它就可以固定在那里…

本篇文章主要讨论 "vuex的state 和 getter 是如何映射到 各个组件实例中自动更新的？" 这个问题。首先，我们对问题进行简单剖析！ 从分析可知，要解答本篇疑问，我们需要从 vue 组件通信谈起！ 在使用vue的过程中，需要频繁的进行组件间通信！通信的主体之间的关系…

vuex作为vue生态的重要组成部分，是对store进行管理的一柄利剑。简而言之，vuex是vue的状态管理器。使用vuex可用使数据流变得清晰、可追踪、可预测，更可以简单的实现 类似时光穿梭 等高级功能，对于复杂的大型应用来讲，vuex将变得尤为重要，对于 store的切分、…

进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…