提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
最近在重温vue全家桶,再看一遍感觉记忆更深刻,所以专门记录一下(本文vuex版本为v2.x)容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、vuex是什么 ?
Vuex 是一个专为 Vue.js 应用程序开发的 ** 状态管理模式**
二、安装 vuex?
bash
npm i vuex
// or
yarn add vuex
三、为什么要用 vuex ?
组件通信的类型:
父子通信
跨级通信
兄弟通信
路由视图级别通信
为处理复杂的组件通信,所以使用的一种状态管理模式
四、vuex重要的五个步骤分别是什么?作用是什么?
1.state
state:仓库中唯一存放数据的地方。(类似于组件中的data,存放大量的数据,数据相对getters 固定)
2.getters
唯一存放计算属性的地方
3.mutations
唯一修改state数据的地方。(类似于组件中的methods)
4.actions
唯一处理异步操作的地方。(存放异步的操作)
5.modules
存放其他子仓库
总结
vuex极大的优化了代码代码量,有了vuex就可以不断的进行组件通信操作