页面组件化
组件是我们人为的把页面合理的拆分为一个个单独的区块,让这些区块更方便我们重复使用,可以更加高效合理的开发和维护项目。
什么是 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
评论 1 条评论