在上一篇中，我们大致了解了Vuex的概念以及食用方式，这里主要是从源码的角度来详细揭开Vuex的神秘面纱。 下面一步步分析。 PS：未特殊说明路径，代码内容则在当前文件内。 1. import Vuex from 'vuex' 由此可见，我们引入 Vuex 对象，包含了辅助函数…

vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 听大神说了解diff过程可以让我们更高效的使用框架，工作和女朋友都更加好找了，我们赶快了解哈~。 了解diff过程，我们先从虚拟dom开始。 所…

上一篇文章我们分析了 Layout 布局组件的设计和实现，它的应用场景通常是局部布局。对于整个页面的布局，element-ui 提供了 Container 布局容器组件，专门用于 PC 管理后台页面的整体布局。 我们先通过几幅图看一下页面的常见布局。 这两张图的布局在后台系统中…

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…

可以看看。

用vue全家桶开发一年多了，踩过不少坑，也解决了很多的问题，把其中的一些点记录下来，希望能帮到大家。以下内容基于最新版的vue + vuex + vue-router + axios + less + elementUI，vue脚手架是vue-cli3。 vue 为了防止 cs…

从vue问世到现在，所有的vue开发者应该对vue的底层原理都模模糊糊的有一些了解，Object.defineProperty getter/setter,发布订阅之类的概念都能说出一二来，可问题是大部分的coder就真的只是模模糊糊的了解一二，练习vue两年半，到头来还是只能…

在使用 Vue 开发的过程中，一旦项目到达一定的体量或者模块化粒度小一点，就会遇到兄弟组件传参，全局数据缓存等等问题。这些问题也有其他方法可以解决，但是通过 Vuex 来管理这些数据是最好不过的了。 1. 什么是 Vuex ？ Vuex 是一种状态管理模式，它集中管理应用内的所…

vue 提供的模块化无疑是提高开发效率的神器，而且对于后期代码优化和维护也提供的极大地便利。 vue 提供了组件功能，组件又可以分为全局组件和非全局组件。区别是全局组件你可以直接在 .vue 文件中直接使用自定义的 html 即可。非全局组件必须在 Vue 的对象中定义 com…