页面组件化

组件是我们人为的把页面合理的拆分为一个个单独的区块，让这些区块更方便我们重复使用，可以更加高效合理的开发和维护项目。

什么是 Vuex

页面组件化的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而 Vuex 就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex 采用单向数据流的方式来管理数据。用户界面负责触发动作（Action）进而改变对应状态（State），从而反映到视图（View）上。如下图所示：

使用 Vuex

安装:

npm install --save vuex

引入：

import Vuex from’vuex’
import Vue from’vue’
Vue.use(Vuex)

Vuex 的组成部分

完整的应用 Vuex 开发的应用结构应该是这样的：

本文转载自 Think体验设计公众号。

原文链接：https://mp.weixin.qq.com/s/tIxET_5qhollePtyYRbXvw

创作场景

Vue 组件化开发之 Vuex 了解一下（一）