本文详细介绍了如何在 Vue.js 应用中关闭 ESLint 检查，以及如何配置 `.eslintrc.js` 文件。接着，讨论了 Vuex 的核心概念：在 `app.vue` 中引入和注册路由，以及在 store 中创建全局数据。组件中访问 Vuex state 的两种方式，包括直接通过 `this.$store.state` 访问和通过计算属性映射。同时，讲解了 Mutation 的使用，强调其只能同步修改 store 数据，并展示了两种触发 mutation 的方式。接着，介绍了 actions 处理异步任务，包括两种触发方式，以及 getters 用于创建新的数据视图但不改变原始数据。最后，提供了 getters 的两种使用方法。
关闭 eslint 检查问题 对 .eslintrc.js 文件 注释 // '@vue/standard'、
app.vue 引入路由并注册为组件
store中全局数据
组件中访问Statae数据的第一种方式
this.$storte.state.全局数据名称
组件中访问Statae数据的第二种方式
//将全局数据，映射到当前组件的计算属性 主要是 将引入的函数 后接（对象） 对象内为数组 数组中是要传递的全局数据
Mutation 用于修改store中的数据
//不能在mutations函数中，执行异步操作
第一种触发方式：
无参数
//commit的作用就是调用某个mutation函数
有参数
第二种触发方式
actions用于处理异步任务
第一种触发方式
无参数
带参数同mutations函数一样 只需要在执行异步函数的时候接收参数就好
第二种触发方式
接收后可直接绑定函数
Getter用于对store中的数据进行加工处理形成新的数据 //不修改数据，只起包装作用
使用getters的第一种方式
this.$store.getters.名称
使用getters的第二种方式
扫一扫
3739
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
