1什么是vuex?
vuex是一个专门为vue.js应用程序开发的状态管理模式。它采用集中管理存储管理应用所有组件的状态,并已相应的规则保证状态
简单来说,vuex并不是什么难理解的东西,他就是一个公共的状态管理库,他在数据复杂时用得到,比如说多个视图依赖同一个状态
比如说一个界面需要判断我是否登录,那么我可以把判断登录的状态存在vuex中,在另一个页面可以直接取用,不用再组件相互传值那样麻烦
2vuex的使用
首先再文件中创建一个store的文件夹,里面放一个js文件
链接vue和vuex文件并使用vue.use使用,导出一个vuex。store的对象,里面放着vuex的五个状态分别是:state状态 mutations修改state值得方法 actions vuex得异步操作 modules 模板 getters计算属性
之后再main.js中导入store即可
3vuex的五大核心
state:state说白了就是vue里面的data,用来定义变量的
getter:getter是计算属性,它的作用就是过滤state,比如说我们定义了一个flag为true,当到达某一个条件时变为false那么就可以把方法写在getter里,这是给公共组件做一个统一得管理
mutation:这个函数就是改变state中得状态得,这个函数只能写同步代码
actions:这个函数就是写异步代码得
我们总结下,各个代码块对应的语法糖
1.state: mapState