Vue 的状态管理工具 Vuex（Vuex的安装与使用）

目录：

1、安装vuex依赖

2、创建store文件

3、Vuex的核心属性

 

• • • state

    • getters

    • mutations

    • actions

    • modules

 

---

 

npm install vuex --save

2、创建store文件

在store文件夹，新建个index.js文件（命名看个人习惯，如果没有该文件夹，可以新建一个，当然也可以不建文件夹，直接新建个js文件也是可以的）

//store/index.js
//导入Vuex包
import Vuex from "vuex"
Vue.use(Vuex);
 
//创建Store对象：
const store = new Vuex.store({
    state:{count:0},
    mutattions:{},
    actions:{},
    getters:{}
})
//将store对象挂载到vue实例中

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})；

这里解释一下各个代码段的作用：state是自定义的一些变量，需要用来保存数据，mutations是用来触发事件，相当于方法，用户需要通过触发这个方法，借此来保存数据，参数的话，第二个参数就是用户传入的值，然后在方法中赋值给state中的变量

3、Vuex的核心属性

• • state：定义初始化状态

  • getters：获取状态

  • mutations：设置状态

  • actions：异步提交mutations

  • modules：把状态管理模块化，各自的组件构成各自的模块

vuex深度剖析地址：https://www.cnblogs.com/meiyanstar/p/14788549.html