1.vuex 就是一个仓库,仓库里放了很多对象。其中 state 就是数据源存放地,对应于一般 vue 对象里面的 data
2.state 里面存放的数据是响应式的,vue 组件从 store 读取数据,若是 store 中的数据发生改变,依赖这相数据的组件也会发生更新
3.它通过 mapState 把全局的 state 和 getters 映射到当前组件的 computed 计算属性

vuex里面有哪些属性?
属性:state/getter/actions/mutation/module

state:
是一个数据存放的地方、类似于页页面中的data一样。这个数据是可以共享的 所有的组件之间都是可以共享的,但是不可以直接的去修改state下面的数据。

getters
类似vue的计算属性,主要用来过滤一些数据。组件可以通过此方法来获取想要的数据。

mutations
mutations定义的方法动态修改Vuex 的 store 中的状态或数据。

action
actions可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法,简单的说就是异步操作数据。view 层通过 store.dispath 来分发 action。

vuex 一般用于中大型 web 单页应用中对应用的状态进行管理,对于一些组件间关系较为简单的小型应用,使用 vuex 的必要性不是很大,因为完全可以用组件 prop 属性或者事件来完成父子组件之间的通信,vuex 更多地用于解决跨组件通信以及作为数据中心集中式存储数据。

使用Vuex解决非父子组件之间通信问题
vuex 是通过将 state 作为数据中心、各个组件共享 state 实现跨组件通信的,此时的数据完全独立于组件,因此将组件间共享的数据置于 State 中能有效解决多层级组件嵌套的跨组件通信问题。

vuex 作为数据存储中心
vuex 的 State 在单页应用的开发中本身具有一个“数据库”的作用,可以将组件中用到的数据存储在 State 中,并在 Action 中封装数据读写的逻辑。这时候存在一个问题,一般什么样的数据会放在 State 中呢? 目前主要有两种数据会使用 vuex 进行管理:
1、组件之间全局共享的数据
2、通过后端异步请求的数据
比如做加入购物车、登录状态等都可以使用Vuex来管理数据状态

Vuex可以理解为一种开发模式或框架,通过状态集中管理驱动组件的变化,应用级的状态集中放在store中,改变状态的方式是提交mutations,异步逻辑封装在action中

vuex是什么?怎么使用?哪种功能场景使用它?相关推荐

  1. VUE === vuex是什么?怎么使用?哪种功能场景使用它?

    只用来读取的状态集中放在store中: 改变状态的方式是提交mutations,这是个同步的事物: 异步逻辑应该封装在action中. 在main.js引入store,注入.新建了一个目录store, ...

  2. tda7294参数引脚功能_电容在电路中的几种功能

    电容在电路中非常常见,不同的电容,放置的位置不同,其功能也会不同,今天就给大家介绍一下电容在电路中的几种功能. 1. 去耦功能 电容可以用于去耦.这种算是电容最为常见的功能了,由于1/wc的效应存在, ...

  3. cad工具箱详细讲解_CAD工具箱的12种功能详解

    CAD下载平台提供的软件具备一个工具箱模块,大家千万不要小看这个工具箱,它包含的功能就一共有12种,接下来就带大家来逐一认识这12种功能的运用. 1.超级轴侧 超级轴侧是CAD非常精髓的小功能,被称为 ...

  4. 世界上最好的拍照手机,华为拍照的四种功能揭晓,拍出你想拍的

    华为手机大家肯定都不陌生,但是大家是否知道华为手机曾被国际权威机构DXO评为世界上最好的拍照手机呢?正所谓"一机在手,拍照不愁".那么目前正在使用华为手机小伙伴,你当初入手华为手机 ...

  5. 七种功能强大的聊天机器人平台

    摘要: 本文主要介绍了七种功能强大的聊天机器人开发平台的特点与优点. 聊天机器人发布平台是用户访问和使用聊天机器人的媒介,现在流行的一些聊天机器人发布平台有FB Messenger.Kik.Slack ...

  6. 供应链管理的五种功能

    供应链管理是一个开放的互联网供应链平台.换言之,供应链就是一个去中心化.彼此互通的互联网供应链平台.每个企业都是平台网络中的一个节点,可以连接自己的客户.供应商,实现实时的在线数据共享.实时沟通,最终 ...

  7. 人工智能是用计算机模拟人的智能特别是模拟,张钹院士:人工智能是让计算机模拟人的三种功能...

    张钹院士:人工智能是让计算机模拟人的三种功能 现在人工智能为什么这么热,大家热情这么高,我觉得一个重要的原因是需求很旺盛,不管是第一产业.第二产业(制造业)或者第三产业(服务业)都存在智能化的需求.目 ...

  8. 8种应用场景!嵌入式BI如何快速提升SaaS数据分析功能

    新一代信息技术的突飞猛进,给我们的工作方式带来了前所未有改变.与时俱进,拥抱数字化,远程办公正被越来越多的企业所热捧,成为当下最受欢迎的一种工作模式.而远程办公仅仅是SaaS应用的冰山一角而已.Saa ...

  9. 视频编辑软件有哪些?介绍几种功能强大的编辑软件

    视频编辑软件有哪些呢?如果我们录制了一段视频,但是其中包含了一些无用或者不太好的片段,我们就需要进行视频修剪,剪掉这些片段,让视频更加精炼.通过修剪视频素材,我们可以将一些不必要的部分去掉,保留最有价 ...

最新文章

  1. java基于servlet的文件上传
  2. Springboot 抛出Failed to determine a suitable driver class异常原因
  3. SQL联合查询中的关键语法
  4. Django中手动创建虚拟环境
  5. 威斯康星大学计算机专业找工作,威斯康星麦迪逊大学计算机申请条件有哪些?...
  6. 破解面试难题8个角度带你解读SQL面试技巧!
  7. 大数据基础系列 4:伪分布式 Hadoop 在 Ubuntu 上的安装流程完整步骤及易错点分析
  8. python监听键盘的库的名称_python实时监控键盘鼠标,pynput库的详细用法
  9. 使用函数处理数组 高阶函数 js
  10. java mdpi_如何使用drawable兼容所有屏幕尺寸(idpi,mdpi,hdpi,xhdpi,xxhdpi)
  11. 华为:今年至少 3 亿台设备使用鸿蒙;增长 7%,互联网人薪资报告出炉;英特尔侵犯芯片专利被判赔偿 22 亿美元 | 极客头条...
  12. 发那科机器人点位编辑_发那科机器人指令编辑大全
  13. CycloneII之EDA及学术开发功能描述
  14. 树莓派python摄像头文字识别_古德微树莓派摄像头文字识别
  15. 手机拍照就能实现的免费文档扫描,告别打印店扫描和付费软件
  16. B/S结构和C/S结构详细介绍
  17. MATOKU FLASH手绘一套作品
  18. WZOI-301车牌摇号系统
  19. LoRaWAN介绍13 SX1301
  20. 基于springboot的家政系统 毕业设计-附源码201524

热门文章

  1. 使用mosesdecoder对机器翻译语料进行处理
  2. python 爬取直播弹幕视频_Python爬取b站任意up主所有视频弹幕
  3. 培智认识计算机教案,培智学校普通教室设备配备要求.doc
  4. 给 Dreamweaver CS4安装插件 jQuery_API.mxp
  5. 腾讯云存储上传头像、文件功能(超详细保姆级)
  6. MMDet: ValueError: need at least one array to concatenate
  7. 贝叶斯篇:贝叶斯的概率推到,朴素贝叶斯分类器及Python实现
  8. Qt 控件填满布局
  9. 从走到跑 王秀娟的坚守
  10. 【Spring Security】入门——使用Themeleaf渲染页面