vuex
猕猴桃-HR
前端开发工程师
展开
-
vuex中 this.$store.dispatch() 与 this.$store.commit()方法的区别
1: this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变state。2: this.$store.dispatch() :含有异步操作,例如向后台提交数据, 写法this.$store.dispatch(‘action方法名’,值);3: commit 是同步操作。 存储 this.$store.commit('changeValue',name); 取值 .原创 2021-12-17 17:03:33 · 331 阅读 · 0 评论 -
vuex中的this.$store.commit...
1:vuex 中的$store.commit 的用法: 使用window.sessionStorage.setItem 方法 保存到本地。 window.sessionStorage.setItem('companyCode', res.data.data.companyAccount); 然后使用window.sessionStorage.getItem('xxxx'); 获取到这个值。2: this.companyAccount = window.sessionStorage.ge.原创 2021-08-02 09:19:35 · 11828 阅读 · 0 评论 -
vuex 探析
1: vuex 探析Vuex 是什么?1:Vuex 是一个专门为vue.js 应用程序开发的管理状态。 状态管理模式 它采用集中存储式管应用管理所有的组件的状态, 并且以相应规则保证可预测的方式发生变化。2: 状态管理模式: 状态管理工具, 集中式存储管理 2.1: 可以理解为: 需要将多个组件共享的全部变量存储在一个对象里边。 2.2: 将这个对象放在顶层的Vue 实例中,让其他组件可以使用。 3: vue 显示原型 ===> 在vue的原型上挂载顶级对象。原创 2021-06-15 18:46:22 · 107 阅读 · 0 评论 -
mapGetters 辅助函数
1: mapGetters: 辅助函数 mapGetters: 辅助函数 mapGetters: 辅助函数仅仅将store 中的 getter 映射到局部计算属性:1: import { mapGetters } from 'vuex'2: export default { computer: { // 使用对象展开运算符 将 getter 混入 computer 对象中 ...mapGetters ([ 'getMachin...原创 2021-03-19 11:33:14 · 21297 阅读 · 1 评论 -
vuex 详解
1: vuex 详解: 通常情况下, Vuex 要求我们Mutation 中方法必须是同步方法。 1.1:主要原因在于当我们使用 devtools时, 可以将 devtools 可以帮助我们捕捉mutation 的快照。 1.2: 但是如果是异步异步操作, 那么devtools 将不能很好的跟踪这个操作什么时候完成。 action: 放异步方法; mutation: 放同步方法; 1.3: 在mutation 里边进行异步操作: 弊端: 页面数据也会发生改变,...原创 2021-03-18 19:35:39 · 542 阅读 · 0 评论 -
vuex 理解
1: getters : 相当于单个组件中mehods 属性: 什么情况下需要用到getters 属性: 就是需要对数据进行处理和转化的时候: 需要用到methods 属性。 我们要想在当前页面拿到store 中方法: 就可以使用 $store.state.couter 数据 getters: 类似于计算属性, getters: 第一个参数是state 参数: 我们在getters 中: 只需要修改一次在全局都可...原创 2021-03-17 10:54:36 · 64 阅读 · 0 评论 -
vuex 讲解
1: 学习vuex1: 首先安装vuex, 因为vuex 是 vue 框架第三方插件, 需要在整个项目中安装 : npm install vuex --save2: 在自己的当前项目中建立store (仓库) 文件夹: store 文文件夹中: 一个是index.js 一个是modules 文件夹3: 在index.js 文件中: 引入vue 和 vuex, 把 vuex 挂载到 原型上import Vue from 'vue...原创 2021-03-17 09:50:02 · 81 阅读 · 0 评论 -
vuex 状态管理
1: vuex: 状态管理状态管理在单个组件中是简单的:2: 变量是用来保存状态的: 变量一般保存在data 数据源中: actions: 代表行为:(事件交互行为) state: (状态) view: (事件)原创 2021-03-09 17:14:24 · 57 阅读 · 0 评论 -
Vue 理解和探讨
1: Vue: 探讨和理解:vuex: 是什么? (官方文档) Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具devtools extension(opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2: vuex: 可以理解为状态管理工具而已: 什么是...原创 2021-03-09 10:05:31 · 65 阅读 · 0 评论