Vuex的简单介绍

• 文章目录

  • 前言

    vuex有这么几个核心概念——State、Getter、Mutation、Action、Module。

    二、简单介绍

    1.state

    2.mutations

    3.getters

    4.actions

    4.module

    总结

    以上就是今天要讲的内容，本文仅仅简单介绍了vuex的简单使用，而vuex提供了大量能使我们快速便捷地处理数据的函数和方法。

---

前言

学了这么久，知道vue.js是一个框架，那么顾名思义，vuex又是什么呢？让我们来看看吧！

---

vuex是什么？

vuex是基于vue.js开发的状态管理工具，可以集中式存储所有组件的状态，使用vuex可以解决组件之间数据共享的问题，后期也方便我们的管理和维护

vuex有这么几个核心概念——State、Getter、Mutation、Action、Module。

二、简单介绍

1.state

state是vuex的核心对象，用来存放数据状态

代码如下（示例）：

export default new Vuex.Store({

  state: {

    num:0,

  },

}）

2.mutations

唯一能改变state的状态就是通过提交mutations来改变，this.$store.commit()

代码如下（示例）： 

export default new Vuex.Store({

  state: {

    n