vuex的安装和使用方法

什么是vuex

vuex是一个专门为vue.js应用程序开发的状态管理模式,它把所有组件的状态放在一个公共的存储空间,并通过显式的方式进行修改和虚拟DOM进行操作,规避了多个视图依赖于同一个状态时造成的问题

vuex的安装

在vue-cli中安装vuex

  1. 打开命令行,执行 npm install vuex –save-dev
  2. 在main.js文件中引入vuex
  3. 在src目录下创建store目录,新建index.js文件作为Vuex的核心代码
  4. 在index.js文件编写Vuex的核心代码

Vuex的使用方法

在Vue组件中使用Vuex

  1. 引入Vuex
  2. 在组件中注册Vuex
  3. 在组件中使用Vuex

在mutations中定义改变state的方法

  1. 在mutations中定义方法名,该方法名将在各个组件中使用
  2. 在mutations中定义方法,改变state的状态

在actions中定义触发mutations的方法

  1. 在actions中定义方法名,该方法名将在组件中使用
  2. 在方法中使用commit调用mutations中的方法
  3. 可以异步改变state的状态
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享