什么是vuex?
vuex就是专门为vue.js应用程序开发的状态管理工具
vuex在什么情形下使用?
如果需要构建一个中大型单页应用,就要考虑如何更好地在组件外部管理状态,Vuex 是不错的选择
vuex的五大核心
state,mutations,actions,getters,module
state
存放状态/存放数据
![](https://i-blog.csdnimg.cn/blog_migrate/94a4ed4548cda8aa86f078b67e7c3212.png)
例如上面所写的,这个状态可以在各个页面通过vuex访问
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d93ba3935f601f5dc7ef58ac1bb82395.png)
mutations
唯一可以改变state数据的工具
如下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2f746f8f7226300c84dad087bc62b74d.png)
在页面中使用this.$store.commit(“方法名”,参数)调用mutations里面的方法
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1647590555ce34c8d9f15d6362935c45.png)