搭建仓库
搭建仓库的目的是:请求返回的首页数据,需要被多个组件共享使用,要么组件通信或者使用vuex集中管理数据
采用第二种方法:使用vuex集中管理数据
在客户端项目中右击打开使用命令行窗口打开所在目录
npm init -y
npm i vuex@3.6.2 -S
生成package.json文件和node_modules文件夹
Vuex
作用:
1、集中式管理状态
2、多个组件之间共享数据
核心:
1、state存储状态
2、mutations:每个都是方法,同步修改state数据 注意:可以异步修改,但是在vuex调试工具里是看不到数据变化的。
3、actions:每个都是方法,异步修改state数据。同步触发mutations
4、getters:对state已有的数据加工处理,返回计算属性
5、module:分模块管理
引入vuex基本结构
在客户端项目右击新建目录store,在store目录下新建index.js文件
在store右击新建modules目录,在modules目录下新建home.js文件
且在index.js文件中引入
import home from '../store/modules/home.js'