Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在 Vue 之后引入 vuex 会进行自动安装： <sc…

理解Actions 1.什么是actions？ 背景：在mutation中我们讲到，mutation中是存放处理数据的方法的集合，我们使用的时候需要commit。但是commit是同步函数，而且只能是同步执行。那我们想一…

Action Action 类似于 mutation，不同在于： Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。 dispatch 推送一个action Mutatio…

原文链接我的blog，欢迎STAR。 今天分享的一篇文章是关于vuex的源码解析的，链接vuex源码解析，在现在所做的项目里的每个组件，至少都有一个辅助函数，或者是....mapGetters，或者是...mapActi…

理解Modules 1.什么是module？ 背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理…

前言 最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。 组件之间传值有这么几种数据传递方式，vuex…

关于一些Vue的文章。（3） – 掘金原文链接我的blog，欢迎STAR。 这次和想要大家分享的一篇文章解析Vue diff 算法 在上篇里，我们提到在渲染时，render>template>el…

原文链接我的blog，欢迎STAR。 今天分享的一篇文章是关于vuex的源码解析的，链接vuex源码解析，在现在所做的项目里的每个组件，至少都有一个辅助函数，或者是....mapGetters，或者是...mapActi…

一、Vue组件的创建 一般语法： Vue.component(tagName, options) 务必在根组件实例化之前注册组件 组件options说明： data: 必须是一个函数，目的在于返回独立的对象，保证组件之间…

Vue2.0 Transition 常见用法全解惑 – 前端 – 掘金Vue2.0的过渡系统（transition）有了很大的改变，想把1.0的项目迁移到2.0，着实需要费一些功夫，今天我就要把v…

vuex 基本入门和使用（三）-关于 mutation vuex 版本为 ^2.3.1，按照我自己的理解来整理vuex。 关于 mutation 这里应该很好理解。 更改 Vuex 的 store 中的状态的唯一方法是提…

由于 Vuex 使用了单一状态树，应用的所有状态都包含在一个大对象中。那么，随着应用的不断扩展，store 会变得非常臃肿。 为了解决这个问题，Vuex 允许我们把 store 分 module（模块）。每一个模块包含各…