vuex的使用正确姿势
新手小白前来踩雷,有什么写错了的地方请不吝赐教,指点一二
Vuex的5个基本属性
vuex状态存储是响应式,小型项目不推荐使用vuex(官方文档说的)
- State 存储的数据
- Getter state数据的派生,想不改变state数据,对state进行操作就用getter吧
- Mutations 修改state数据的同步事件(更改状态的唯一方法)
- Actions 提交的是 mutation,但是它是异步的,所以你可以axios请求
- Modules 当数据太多太臃肿,划分模块用的 (给自己埋了一堆雷)
埋雷、挖雷之路
基础的用法按照官方文档应该没问题
- modules开启命名空间(提高封装度和复用性)
export default {
namespaced: true,
state: {
set: false
}
}
关键字 namespaced ,你有可能写这样 namespace,然后和我一样懵逼半天
-
在开启了命名空间,调用state
this.$store.state.(modules名字).(state名字)举个栗子:this.$store.setting.set setting: modules名 setÿ