vuex的简单认识
1. 初始化数据、配置actions、配置mutations,操作文件store
State:定义了应用状态的数据结构,可以在这里设置默认的初始状态。
Getter:允许组件从 store 中获取数据,mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
Mutation:是唯一更改 store 中状态的方法,且必须是同步函数。
Action:用于提交 mutation,而不是直接变更状态,可以包含任意异步操作。
Module:可以将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块
2、vuex的四个map方法的使用
1. mapState方法:用于帮助我们映射state中的数据为计算属性
2. mapGetters方法:用于帮助我们映射getters中的数据为计算属性
3. mapActions方法:用于帮助我们生成与actions对话的方法,即:包含$store.dispatch(xxx的函数
4. mapMutations方法:用于帮助我们生成与mutations对话的方法,即:包含$store.commit(xxx)的函数
**注:mapActions与mapMutations使用时,若需要传递参数:在模板中绑定事件时就传递好参数,否则参数就是事件对象**
相关文章
- 一键提取歌曲伴奏和人声分轨,最强伴奏与人声分离工具
- UVR5.6 中文版一键安装直接使用一键提取伴奏一键提取人声AI工具
- Vue3+Bootstrap5整合:企业级后台管理系统实战
- Vue 技术栈(全家桶)(深入vue3+typescript技术栈-coderwhy大神新课)
- 前端大文件切片上传,断点续传、秒传等解决方案,VUE中使用实例
- 初学Vue(一) -- Vue简单入门(vue入门教程)
- 一个基于 Spring Boot 的在线考试系统
- .net core集成vue(.net core+vue)
- 从零搭建vue + jenkins 超详细教程
- 超简 Vue3+elementPlus 后台管理系统