美文网首页
关于vuex的自我理解

关于vuex的自我理解

作者: 玄月府的小妖在debug | 来源:发表于2018-07-13 10:39 被阅读43次

1.为什么要使用vuex

解决组件之间的 通信问题
方案有
1)常说的父子 子父组件之间的通信,问题:子组件是不可以改变父组件的数据
2) 借助第三方 :事件总线
给vue实例绑定一个事件总线 问题:通信 数据多 杂 不好管理
例如 this.emit('aaa',{}) this.emit('bbb",{})
3)于是乎,出现了第三方 状态池 state 把数据状态 扔到一个状态 池中

2. mutation 和 action的区别

类比如数据库,mutation是一次数据的读或者写
action 可以包含多个数据的读或者写,相当于事务的概念,即可以包含多个commit

mutation就是一次同步操作
ation可以包含任意异步操作

3.Getter 和 mutation

Getter相当于对state的get
mutation相当于对state的set
不能直接修改state的状态 ,避免同时去做类似于加减的操作

4.commit

commit 同步
都用commit修改数据,在改数据的那一刻,相当于锁定该操作

5.mapstate,mapGetter...等辅助函数

就是将state上的属性或者方法直接绑定在vue的实例上
通过this.XXX调用 而不是this.$store.XXX

vuex官网

6.关于state与vue data中的双向数据绑定

vuex的常用模式

当严格模式
用这种模式时,必须是值类型
如果是引用类型
则页面上data 的改变,会要去修改state的值
而state值只能有commit 修改
解决方案:官网 vuex中的表单处理
https://vuex.vuejs.org/zh/guide/forms.html

相关文章

  • 关于vuex的自我理解

    1.为什么要使用vuex 解决组件之间的 通信问题方案有1)常说的父子 子父组件之间的通信,问题:子组件是不可以改...

  • vuex

    vue - vuex的定义和使用 (自我理解) Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它...

  • vuex入门教程

    之前理解了eventbus事件总线,vuex就会好理解一点;1.npm install vuex --save ...

  • Vuex与session具体区别

    vuex 与 (sessionStorage 、localStorage)区别 首先,理解vuex的作用 每一个 ...

  • vuex理解

    一、区别: 1、传统或vue页面: 2、vuex页面 说明为了更明确地追踪到状态的变化,函数的执行不走普通的函数调...

  • vuex 理解

    6.1. vuex 理解 6.1.1. vuex 是什么 1)github 站点:https://github.c...

  • Vuex 理解

    我们可以用公司举个例子:公司有个仓库1.State(公司的仓库)2.Getter(只能取出物品,包装一下,不能改变...

  • vue - vuex 的安装与使用

    1 vuex的安装 2 vuex的使用 2.1 vuex的核心模块: State: 单一的静态树, 可以理解为定义...

  • 教你快速明白和搭建Vuex工作环境

    vuex工作工作原理(写给自己看的笔记以加深自己的理解) 一、Vuex工作原理 首先我们先来了解下Vuex: 1...

  • 4.Vuex

    vuex官网 现在将 vuex 整合到我们的 vue-complex 应用中 有关于vuex的详细介绍 ,可以看看...

网友评论

      本文标题:关于vuex的自我理解

      本文链接:https://www.haomeiwen.com/subject/wxcjpftx.html