说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

vue的开发如日中天，越来越多的开发者投入了vue开发大军中。希望本文中的一些vue散点，能在实际项目中灵活运用，切实地为我们解决一些难点问题。 依赖注入的属性是无法修改的，如果需要在祖孙组件中监听注入的属性变化，需要在祖宗组件中的注入属性为this, 即把祖宗属性作为注入属性…

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨…

MVVM是前端视图层的分层开发思想，主要把每个页面分层M/V/VM,其中VM是MVVM思想的核心，它是M和V之间的调度者。VM提供了数据的双向绑定。 V --- 视图，也就是页面的HTml结构。 VM -- M渲染到V层 需要VM的调度,V到M也需要VM的调度。 是一套构建用户…

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…

欢迎来到 Vue2.x Todo 系列教程，这个教程将手把手教你从零开始使用 Vue 搭建一个 Todo（待办事项）应用。 Vue 作者尤雨溪在 新手向：Vue 2.0 的建议学习顺序 中给出了中肯的 Vue 学习建议，本系列教程和项目可以看做是这个建议的实践可操作版本。 Vu…

半年前写过一个express+mongodb+vue的项目，其中大致的给大家展示了从零构建一个前后台项目所需要的技术点和思路，以及在开发过程中遇到的一些坑。 之后收到一些小伙伴的私信包括github上提出的issue。总结一下就是一下以下两点。 其中项目报错404的问题，是因为…

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

组件的实现是一个对象，注意它有一个属性 abstract 为 true，表明是它一个抽象组件。 Vue 的文档没有提这个概念，在抽象组件的生命周期过程中，我们可以对包裹的子组件监听的事件进行拦截，也可以对子组件进行 Dom 操作，从而可以对我们需要的功能进行封装，而不需要关心子…