“约见”面试官系列之常见面试题第二十篇之vuex得理解(建议收藏)
一、概念
vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。
二、五大核心属性
核心属性为:state,getter,mutation,action,module
state:存储数据,存储状态;在根实例中注册了store 后,用
this.$store.state
来访问;对应vue里面的data;存放数据方式为响应式,vue组件从store中读取数据,如数据发生变化,组件也会对应的更新。getters:可以认为是 store 的计算属性,相当于 vue中的 computed,依赖于 state里面的值。它的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。
mutations:用于修改状态,store里面的数仅能通过
mutations
里面的方法改变,但是必须是同步的。更改 vuex 的 store 中的状态的唯一方法是提交 mutation,也就是$store.commit。actions:包含任意异步操作,用它处理完后再触发mutations来改变状态。
module:将 store 分割成模块,每个模块都具有state、mutation、action、getter、甚至是嵌套子模块。
三、vuex的数据传递流程
当组件进行数据修改的时候我们需要调用Dispatch来触发Actions里面的方法。
actions里面的每个方法中都会有一个commit方法,当方法执行的时候会通过commit来触发mutations里面的方法进行数据的修改。
mutations里面的每个函数都会有一个state参数,这样就可以在mutations里面进行state的数据修改,当数据修改完毕后,会传导给页面。页面的数据也会发生改变。
本面试题为前端常考面试题,后续有机会继续完善。我是歌谣,一个沉迷于故事的讲述者。
欢迎一起私信交流。
“睡服“面试官系列之各系列目录汇总(建议学习收藏)
“约见”面试官系列之常见面试题第二十篇之vuex得理解(建议收藏)相关推荐
- “约见”面试官系列之常见面试题第十篇值meta标签(建议收藏)
目录 什么是meta标签? meta的作用 meta的必需属性和可选属性 必需属性content 可选属性 常用meta标签大总结 charset 百度禁止转码 SEO 优化部分 viewport 各 ...
- “约见”面试官系列之常见面试题第十七篇之实现深拷贝(建议收藏)
建议最简单的第一种 1.通过 JSON 对象实现深拷贝 this.data = JSON.parse(JSON.stringify(this.vm.$store.state.security.menu ...
- “约见”面试官系列之常见面试题第六篇说说弹性布局(建议收藏)
目录 一.基本概念 二.容器属性 2.1 flex-direction: 2.2 flex-wrap: 2.3 justify-content: 2.4 align-items: 2.5 ...
- “约见”面试官系列之常见面试题第二十九篇之Vue和React的区别
vue与react的不同之处是什么?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue与react,两者都为当下主流框架 相同之处在于: 使用 V ...
- “约见”面试官系列之常见面试题第二十八篇之vue中的混合(minix)实例理解
minix 是个什么东西, 就是混合,把你混合给我 浅显表述就是 你说 : '我叫李四', 我说 : '我叫张三', 然后把你 混合给我, 就成了 我说 : '我叫张三我叫李四', 所有解说都在例子里 ...
- “约见”面试官系列之常见面试题第二十七篇之vue-router的重要属性
export default new Router({mode: 'history', //路由模式,取值为history与hashbase: '/', //打包路径,默认为/,可以修改routes: ...
- “约见”面试官系列之常见面试题第二十四篇之vue-router使用(建议收藏)
开发的时候有时候会遇到一种情况,比如 :点击这个链接跳转到其他组件的情况,通常会跳转到新的页面,蛋是,我们不想跳转到新页面,只在当前页面切换着显示,那么就要涉及到路由的嵌套了,也可以说是子路由的使用. ...
- “约见”面试官系列之常见面试题第二十三篇之get和post区别(建议收藏)
POST和GET是HTTP协议中最常用的两种传参方式,这里小小总结一下两者的区别,欢迎补充~! 请求方式 GET POST 参数位置 url的query中 一般在content中,query也可 参数 ...
- “约见”面试官系列之常见面试题第二十二篇之函数闭包(建议收藏)
目录 1.概念 2.特点 3.闭包的创建: ---------------------------------------------我是容易看懂的分界线-------------------- ...
最新文章
- 楼主考南师计算机学硕,南京师范大学考研详解:据说这所学校不太好考?嗯,是真的!...
- 浅析COM的思想及原理
- 猿团专访云信CTO阙杭宁——网易云信“稳定”背后的秘密
- ITK:侵蚀二进制图像
- java bmp rgb数组_将RGB数据写入BMP位图文件
- oracle spm使用1
- 内网用户之间使用MSN Messenger快速传送文件的小窍门
- db:migrate
- 前后端分离与前后端不分离的区别
- dynamo方程怎么写_【简明自控】为什么特征方程如此重要
- 第50课 书香阁的座位数
- 草稿selenium显示等待
- git-管理修改-强化暂存区的意识
- SAP屏幕设计器专题:表格控件属性的设定(七)
- 微信小程序登录(包括获取不到unionid的情况)
- JSP基础教程之表单编辑
- 全球及中国代餐轻食市场发展现状与消费需求前景调研报告2022版
- 不出门远程控制公司电脑,这7个工具让你不用来回跑。
- python爬虫爬取图片详解_Python使用爬虫爬取静态网页图片的方法详解
- 重磅:阿里开启大规模校招,传已启动保密项目
热门文章
- jquery实时监听输入框值变化
- eclipse使用技巧---使用正则表达式查找替换
- iOS 证书错误 Certificates下面的 App Store and Ad Hoc是灰的?? 点不了
- Struts2学习笔记《二》
- java的Random类详解
- 《linux c编程指南》学习手记4
- 找到的程序集清单定义与程序集引用不匹配
- 菜鸟裹裹电脑版_【绵阳最新转让】3500低价出售家用制氧机!东芝i5笔记本电脑、索尼微单相机、联想笔记本电脑、奶茶店、服装店转让......
- python 成绩分析系统_用Python编写成绩管理分析系统(故事升级版)
- 前端字符串内HTML标签无效的处理方式