安装指令 : npm install vuex --save
每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)
Vuex 文档:https://vuex.vuejs.org/zh/
一、Vuex 是做什么的?
官方解释:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
通俗解释:
把需要多个组件共享的变量全部存储在一个对象里面。然后,将这个对象放在顶层的Vue实例中,让其他组件可以使用。为了保证属性做到响应式,所以 Vue.js 就给我们提供了一个插件 Vuex (在多个组件间共享状态的插件),用来存放那些变量
管理什么状态呢?有什么状态时需要我们在多个组件间共享的呢?
如果你做过大型开放,你一定遇到过多个状态,在多个界面间的共享问题。
比如用户的登录状态、用户名称、头像、地理位置信息等等。
比如商品的收藏、购物车中的物品等等。
这些状态信息,我们都可以放在统一的地方,对它进行保存和管理,而且它们还是响应式的
Vuex 状态管理图例
二、Vuex的基本使用 (使用cli2)
基本流程:
创建一个 store 文件夹 —> inde