什么是vuex？五大核心？如何调用vuex里面的属性和方法？vuex的弊端？如何解决？

vuex就是vue官方给我们提供的一个状态管理工具，他可以解决组件之间共享数据的问题，五大核心分为：state、mutations、getters、actions、modules,state：用来存放我们的状态，也可以理解数据；mutations:可以获取state里面的状态，进行修改，他只能对state进行同步操作；actions：也可以获取state里面的状态，进行修改，它可以执行异步操作（用于请求数据）；getters：我们可以获取到state的状态，对其进行计算并返回值，有点类似于vue里面的计算属性（computed）；modules：用于模块化开发，当我们得的项目特别大的时候，保存的状态也会增加，如果都写到index.js里面，文件内容就会变得特别臃肿，导致后期难以维护，所以我们可以使用modules进行模块化处理，将多个状态抽离到对应的js文件中，最后在modules中进行合并，方便我们后期的维护。

调用vuex里面的属性和方法：state：可以通过this.store.state调用；getters：可以通过this.store.getters调用；mutations：可以通过this.$store.cmomit触发；actions：可以通过this.$store.dispacth来触发。除了以上的方法外：我们还可以通过辅助函数的方式调用和触发（mapState、mapMutation、mapGetter、mapAction）

我在项目中如果想要改变state的状态，我们一般就是在组建里面调用thi.$store.dispach方式来触发actions里面的方法，在actions里面的方法通过commit来调用mutaions里面定义的方法来改变state，同时这也是vuex的执行机制。

vuex的弊端：当我们浏览器的页面刷新的时候，vuex里面的数据会丢失，所以我们一般结合本地存储的方式来解决这个问题，当我们在mutations里面修改数据的时候，再通过localStorage或者sessionStorage存储到本地，然后我们在state的属性那块，写上一个三元表达式，如果本地存在数据的话，则获取数据，否则为null.

在项目中，我一般用vuex保存用户的信息和token，以及其他的一些状态，以上就是我对vuex的理解.

什么是vuex？五大核心？如何调用vuex里面的属性和方法？vuex的弊端？如何解决？相关推荐

2-快速攻破vuex五大核心-附案例源码
文章目录 1. 核心概念 2. state 2.1 单一状态树 2.2 在 Vue 组件中获得 Vuex 状态 2.3 state 的创建 2.4 在组件中使用 store 2.5 store 配置 ...
Python OOP：继承、单继承、多继承、__mro__、子类重写父类同名属性和方法、子类调用父类同名属性和方法、多层继承、super()、私有(实例)属性和方法、获取修改私有属性值、私有类属性
一.继承 Python⾯向对象的继承指的是多个类之间的所属关系,即⼦类默认继承⽗类的所有属性和⽅法. 继承作用:继承可以使用现有类的所有功能,并在无需重新编写原来的类的情况下对这些功能进行扩展. 在P ...
【无标题】vuex 是什么，vuex中五大核心及作用？
vueX:是一个vue状态管理工具 , 用来存放公共数据的. 五大核心: state:存放变量的 getters:计算属性 mutations:修改state的状态 action:异步操作 modul ...
手写Vuex核心原理，再也不怕面试官问我Vuex原理
手写Vuex核心原理文章目录手写Vuex核心原理一.核心原理二.基本准备工作三.剖析Vuex本质四.分析Vue.use 五.完善install方法六.实现Vuex的state 七.实现g ...
Vuex _ 核心插件
目录一.Vuex 1.1.概述 1.2.Vuex 核心概念 1.3.安装与配置 1.4.在组件中获取 Vuex 中的数据 1.5.moutations 同步修改 state 1.6.actions ...
亚马逊云科技数据库的五大核心理念，为企业上云发展助阵
数据智能产业创新服务媒体 --聚焦数智 · 改变商业近日,走过十个年头的亚马逊re:Invent大会今年落下帷幕,亚马逊云科技发布了包括云数据库在内的一系列重塑未来的创新技术与服务,并邀请全球各行各 ...
ASP.NET五大核心对象解析
转载地址:http://www.hello-code.com/blog/asp.net/201408/3841.html 想当初在只使用WebForms框架并以服务端为中心的开发模式时,发现Asp.n ...
扎克伯格公开信：Facebook拥有五大核心价值
http://tech.sina.com.cn/i/2012-02-02/08476676940.shtml 新浪科技讯北京时间2月2日上午消息,Facebook今天启动IPO(首次公开招股),计划 ...
局域网通讯工具_五大核心开启工业通讯创新之门——西门子工业网络专家计划打造最强行业生态...
过去的工厂由工具组成, 现在的工厂由设备组成. 过去的工具是割裂的,现在的设备是互联的.收集真实对象信息.传输数据是数字化解决方案的关键要素,工业通讯将成为数字化转型的决定因素. - ...

什么是vuex？五大核心？如何调用vuex里面的属性和方法？vuex的弊端？如何解决？

什么是vuex？五大核心？如何调用vuex里面的属性和方法？vuex的弊端？如何解决？相关推荐

最新文章

热门文章