vuex的简单使用方法

vuex是什么

  1. vuex是一个专门为vue.js应用程序开发的 状态管理模式 ,它采用 集中式储存 管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
  2. vuex就是把需要共享的变量全部储存在一个对象里,然后将这个对象放在顶层组件*其他组件使用

使用场景

在vue组件开发中,经常会遇到需要将当前组件的状态转递到其他组件,或是获取其他组件的数据,若组件与组件之间是父子组件关系,则可以通过props + emit传值,当如果双方组件不存在父子或兄弟关系时、或是一个组件中的数据需要共享给多个组件时,实现就会非常困难,数据也会相当难以维护,对开发很不友好,这时就需要用到vuex全局状态管理

使用

  1. 安装
    npm install vuex --save
  2. 创建文件并挂载
    创建store目录并新建对应的js文件(如果数据过多可以将state、getters、mutations、actions单独创建文件并引入)
    vuex的简单使用方法
    vuex的简单使用方法
    vuex的简单使用方法
  3. 使用
    vuex的简单使用方法
  4. vuex中调用方法
    vuex的简单使用方法
    vuex的简单使用方法
    vuex的简单使用方法