目录
首先来说vuex它是专门为vue.js开发的"状态"管理的构架,简单来说也是一个也是一个需要下载的包,也是一个插件可以这样理解
简述的话:它是状态管理,集中存储的,管理公共数据的工具
使用场景就在大型项目使用
里面有五个内容
1.state表示的是?
=> 基本数据,相当于是data-----使用的话是$store.state.你要使用的值
2.mutations 表示的是?
=> 提交更改数据的方法,同步!修改数据,响应式的
使用的话是$store.state.commit(你定义的函数名,要传的函数)
3.getters 表示的是?
=> 从基本数据派生的数据---计算属性
使用的话是$store.getters.getter的名字---这个名字是函数名字
4.actions 表示的是
=> 像一个装饰器,包裹mutations,使之可以异步。---发送请求
它使用的调用格式是:this.$store.dispatch('actions的名字', 参数)`来调用action
它不能改,只是触发2.mutations 里面的函数来改
5.modules 表示的是
=> 模块化Vuex
拆分模块,把复杂的模块拆分,拆分成一个个vuex里面的5个内容一样
里面又可以细分5个内容
如果在模块里面写了// namespaced为true,则在使用mutations时,就必须要加上模块名
// namespaced不写,默认为false,则在使用mutations时,不需要加模块名
访问数据的话就是
获取数据项: {{$store.state.模块名.数据项名}}
获取getters: {{$store.getters['模块名/getters名']}}
注意的是:模块和组件没关系,不要把axios挂载全局