Vuex简单使用

1,460 阅读1分钟

1.vuex

Vuex 是一个专为 Vue.js 应用程序开发的`状态管理模式`。它采用集中式存储管理应用的所有组件的状态

1.1 属性

state, (存数据)
getters,(计算属性)
mutations,(更新数据的方法)
actions, (异步操作)
modules。(多个模块,
    可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理)

2. 创建文件

在目录下建立一个 store 文件夹,并且在下面建立一个 store.js 文件

vuex

3.引入

vuex

3.1 在main.js 中使用

vuex

4.在store.js 写数据

vuex
vuex

5.传递数据

vuex

5.1

this.$store.commit('ad',1)  传递参数的方法  'ad'为传递的方法名  1 为传递的数据
    在mutations :里面定义逻辑

vuex

6.Action 可处理异步

vuex
vuex

7.modules 模块化 结构非常清晰,方便管理

vuex

vuex

7.1

可使用多个模块来定义不同的需要 里的的内容和index.js,雷同:state,getters,mutations,actions,
在 index.js 里面引入即可 ,方便开发。不用在同一个文件定义太多的数据

简单的介绍了一下vuex 。