1.Vux简介:专门在Vue中集中状态(数据)管理的一个Vue插件,对Vue中多个组件的共享状态进行集中式的管理(读/写),也是组件间通信的方式,且适用于任意组件间的通信。(如图)
2.Vuex工作原理
3.搭建Vuex的环境
(1)开启新端口 npm i vuex@3 (这里是vue2的项目所以用vuex的3版本 vue3的项目需要使用vuex的4版本)
(2)引入vuex 在main.js引入vuex import Vuex from "vuex" 使用插件Vue.use()
(3) 创建store文件夹
创建index.js文件
4.Vuex求和案例(原始)
(初始求和)用原始的方式求和案例
5.Vuex求和案例(Vuex版)