vuex的简单使用方法
vuex是什么
- vuex是一个专门为vue.js应用程序开发的 状态管理模式 ,它采用 集中式储存 管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
- vuex就是把需要共享的变量全部储存在一个对象里,然后将这个对象放在顶层组件*其他组件使用
使用场景
在vue组件开发中,经常会遇到需要将当前组件的状态转递到其他组件,或是获取其他组件的数据,若组件与组件之间是父子组件关系,则可以通过props + emit传值,当如果双方组件不存在父子或兄弟关系时、或是一个组件中的数据需要共享给多个组件时,实现就会非常困难,数据也会相当难以维护,对开发很不友好,这时就需要用到vuex全局状态管理
使用
- 安装
npm install vuex --save - 创建文件并挂载
创建store目录并新建对应的js文件(如果数据过多可以将state、getters、mutations、actions单独创建文件并引入)
- 使用
- vuex中调用方法