美文网首页
[前端]请简述一下vuex

[前端]请简述一下vuex

作者: 半颗糖嘿 | 来源:发表于2022-09-28 21:08 被阅读0次

vuex是专门为vue.js提供的一种状态管理模式,它采用的是集中式储存和管理所有组件的状态和数据,方便使用。
Vex有5种属性,分别是 state、getter、mutation、action、module

1、state(相当于组件的data。专门用来存放全局的数据)
Vuex 使用单一状态树,即每个应用将仅仅包含一个store 实例,但单一状态树和模块化并不冲突。存放的数据状态,不可以直接修改里面的数据。

2、getter(相当于组件的computed,区别getter是全局的,computed是组件内部使用的)
类似vue的计算属性,主要用来过滤一些数据。

3、mutation(相当于组件中的methods,但是它不能使用异步方法(如定时器、axios均不能使用))
mutation定义的方法动态修改Vuex的store中的状态或数据。

4、action(专门用来处理异步,实际修改状态值的,依然是mutations)
action可以理解为通过将mutation里面处里数据的方法变成可异步的处理数据的方法,简单的说就是异步操作数据。
view 层通过 store.dispath 来分发 action。

注:同步提交commit
异步提交:dispatch

5、modules
项目特别复杂的时候,可以让每一个模块拥有自己的state、mutation、action、getter,使得结构非常清晰,方便管理。

相关文章

  • Tips on Vuex 1.0

    写了一个基于 Vue 1 和 iView 的前端项目,用 Vuex 做了状态管理,分享一下 Vuex 比较重要的知...

  • Awesome FED materials

    前端综合 http://johnhax.net/events vuex https://vuex.vuejs.or...

  • SSM搭建项目,从前端到后台(三)

    今天写的是前端的内容 先说一下用到的哪些框架,webpack,vue,vuex,vue-router,axios,...

  • 2020-11-23 Vuex真香!

    用了Vuex 前端清晰多了,还快,喵喵喵~

  • 【前端】vuex

    一、vuex是什么? vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有...

  • 面试题总结@

    第一天 1、简述vuex的工作流程? 2、vuex-router导航守卫(钩子函数)? 3、详述keep-aliv...

  • 战略管理【1059】

    一、请简述战略规划的几个过程? 二、请简述拟定战略的一般程序? 三、请简述优化公共部门战略管理的过程? 四、请简述...

  • 简述vue状态管理模式之vuex

    了解vuex核心概念请移步 https://vuex.vuejs.org/zh/ 一、初始vuex 1.1 vue...

  • 第一天

    1、简述vuex的工作流程? 2、vuex-router导航守卫(钩子函数)? 概念导航发生变化时,导航钩子主要用...

  • Vuex使用教程

    一、Vuex简述 Vuex其实就是一个状态管理工具,所谓的状态,就是数据,通过这个工具进行管理某些数据。当多个组件...

网友评论

      本文标题:[前端]请简述一下vuex

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