vuex的五个属性及使用方法_vue应用程序状态管理之超详细vuex使用分析实战案例...

本质上Vuex只做了一件事，就是Vue应用程序的状态管理。 他有五个默认的基本的对象：

• state: [规定；声明；陈述]。 他的作用就是声明遍历，存储状态数据，你不觉的他类似于Vue里的data吗？
• getters: [获得者；得到者]。 状态(state)的计算属性，对标Vue里的的computed 计算属性。
• mutations[突变；变化；转变]：这个单词让我想到了范海辛里的狼人和生化危机里的病变僵尸。他对标与Vue里的mothods方法，注意他的同步的。
• actions：[ 行动,动作] 需要注意的是他的异步的，很多数据获取的工作，比如调用api接口都在这里完成。
• modules：store的子模块，在开发大型项目的时候你一定会用的上。

1.在src文件夹里面新建一个文件夹，命名store，再在该store文件夹里面新建一个index.js文件。

2.在store文件夹里面index.js写入如下内容

import Vue from ‘vue‘;
import Vuex from ‘vuex‘;


Vue.use(Vuex);


const store = new Vuex.Store({
  state:{
    count:1
  }
});

export default store;

3.在main.js文件引入刚刚创建的store文件

4.state的应用

4.1.方法1：直接在页面引入this.$store.state.count

 4.2.方法2：通过computed方法来应用

5.mutations的应用

6.actions的应用

vuex的五个属性及使用方法_vue应用程序状态管理之超详细vuex使用分析实战案例...

原文：https://www.cnblogs.com/pwindy/p/14600857.html