vuex的五个属性是啥？

Posted 2023-04-09

promise的使用场景 、axios使用教程、 vuex刷新页面数据丢失 、vuex页面刷新数据、vuex存储信息。

属性是一个汉语词汇，拼音是shǔ xìng。意思是人类对于一个对象的抽象方面的刻画。

一个具体事物，总是有许许多多的性质与关系，我们把一个事物的性质与关系，都叫作事物的属性。

事物与属性是不可分的，事物都是有属性的事物，属性也都是事物的属性。

一个事物与另一个事物的相同或相异，也就是一个事物的属性与另一事物的属性的相同或相异。

由于事物属性的相同或相异，客观世界中就形成了许多不同的事物类。具有相同属性的事物就形成一类，具有不同属性的事物就分别地形成不同的类。

苹果是一类事物，它是由许多具有相同属性的个别事物组成的。梨也是一类事物，它也是由许多具有相同属性的个别事物组成的。苹果和梨是两个不同的类。苹果这个类的共同属性是不同于梨这个类的共同属性的。

参考技术A

VueX是一个专门为Vue.js应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态（你可以理解成vue组件里的某些data ）。

Vuex有五个核心概念：

1. state：vuex的基本数据，用来存储变量。

2. geeter：从基本数据（state)派生的数据，相当于state的计算属性。

3. mutation：提交更新数据的方法，必须是同步的（如果需要异步使用action)。每个mutation都有一个字符串的事件类型（type)和一个回调函数（handler)。

回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数，提交载荷作为第二个参数。

4. action：和mutation的功能大致相同，不同之处在于：

（1）Action提交的是mutation，而不是直接变更状态。

（2）Action可以包含任意异步操作。

5. modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters，使得结构非常清晰，方便管理。

vuex的五个核心概念

Vuex有五个核心概念：
state：vuex的基本数据，用来存储变量
geeter：从基本数据(state)派生的数据，相当于state的计算属性
mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。
action：Action 提交的是 mutation，而不是直接变更状态。 Action 可以包含任意异步操作。
modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
使用下面这两种方法存储数据：
dispatch：异步操作，写法： this.$store.dispatch(‘mutations方法名‘,值)
commit：同步操作，写法：this.$store.commit(‘mutations方法名‘,值)

import {mapState，mapGetters，mapMutations} from ‘vuex‘ 按需加载
computed:{
...mapState([]),
...mapGetters([]) 
}
methods:{
...mapMutations([])
}