vue组件间通讯以及vuex的使用

2022-11-22 15:42:44 浏览数 (1)

目录

1. vue组件间通讯

1.1 父子组件

1.2 消息总线

1.3 vuex

2. vuex使用

2.1 简介

2.2 安装

2.3 创建store模块

2.4 创建vuex的store实例并注册上面引入的各大模块

2.5 在main.js中导入vuex

3. 将折叠和展开效果使用vuex实现

3.1 在state.js中声明全局参数

3.2 设置全局参数

3.3 Main.vue组件

3.3.1 直接通过state获取状态值

3.3.2 getter方式获取store中的值

3.4 LeftAside.vue组件

4. 异步处理

4.1 异步修改参数

5. 异步调用后台方法

5.1 准备后台方法

5.2 配置api/actions.js

5.3 store/actions.js

5.4 Home.vue

6. Vuex的常用辅助函数

7. vuex的模块化

8. vuex状态持久化

0 人点赞