(六)Vuex
目录
六、Vuex
6.1 DevTools 安装
6.2 Vuex
6.2.1 Vuex 简介与安装
1. Vuex 简介
2. Vuex 安装
6.2.2 Vuex 核心知识点
1. State(数据仓库)
2. Getters(计算属性)
3. Mutations(同步修改)
4. Actions(异步操作)
5. Modules(模块化拆分)
6. 辅助函数(简化调用)
(1) 不使用模块(全局 Store)
(2) 使用模块
六、Vuex
6.1 DevTools 安装
DevTools 是一个官方的浏览器插件,专门用来调试 Vue.js 应用。
它让你能实时查看组件树、检查每个组件的数据和状态,并能追踪数据的变化过程,是 Vue 开发者必备的调试利器。
方法一:通过 Chrome 网上应用店安装(推荐)
1. 打开 Chrome 扩展程序界面:
- 地址栏输入 chrome://extensions/ 或 通过菜单 > 更多工具 > 扩展程序。
2. 搜索 Vue DevTools:
- 点击左上角侧边栏,选择“打开 Chrome 网上应用店”。
- 搜索vue js devtools,选择由“Vue.js 官网”提供的扩展程序。
3. 添加扩展:
- 点击“添加至 Chrome”按钮,确认安装。
4. 验证安装:
- 打开 Vue.js 官网(