前言:
vuex是一个专门为vue开发的状态管理工具,它是一个仓库,里面存放了很多对象。
store:
vuex 中最关键的是store对象,这是vuex的核心。可以说,vuex这个插件其实就是一个store对象,每个vue应用仅且仅有一个store对象。
vuex中有什么?
1. state
存放的是数据状态 不可以直接修改里边的值
2. getter
它类似于vue的计算属性 主要用来过滤一些数据
3. mutations
它是唯一可以修改state 里数据的方法
4. actions
它需要调用 dispatch来进行异步操作数据
5. modules
模块化管理 store(仓库),每个模块拥有自己的 state,actions,mutations,getter
一般什么样的数据会放在 state中?
目前主要有两种数据会使用 Vuex 进行管理:
1. 组件之间全局共享的数据
2. 通过后端异步请求的数据
比如 做加入购物车、登录状态都可以使用 vuex 管理数据状态
怎么使用Vuex?
在main.js引入store,注入。新建了一个目录store,… export
场景有:单页应用中,组件之间的状态、音乐播放、登录状态、加入购物车