vuex 基础
时间:2019-08-28
本文章向大家介绍vuex 基础,主要包括vuex 基础使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
vuex 状态管理模式,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;
每一个 vuex 应用的核心是 store ,store 可以看做一个容器,跟 data 相对差不多,包含着应用中大部分的 state 状态;vuex 和 普通的全部对象有两个不同:
1)、vuex 的状态存储是响应式的;当 vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么响应的组件也会相应的得到高效的更新;
2)、vuex 中的 store 里边的数据不能直接改变,改变 store 中的状态只能是显式的提交mutation,即通过 commit 提交 mutation 中的方法;这样我们就可以方便的跟踪一个 state 的变化;
vuex 包括 state、getter、mutation、action module 等属性和方法,其中 state 相当于 vue 组件中的 data,getter 类似于 vue 组件中的 computed,mutation 类似于组将中的 methods;action 类似于 mutation ,不同的是 action 提交的是 mutation ,而不是直接改变 state,action 可以包含异步的操作;action 中方法的调用需要用到分发,即 store.dispatch(' acitonMd ')
原文地址:https://www.cnblogs.com/mufc/p/11423232.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 简单二分法查找
- 链表之Python与C
- Python MQTT
- 从键盘输入一个十进制个位数,在屏幕上显示相应数量的该数。 例如,输入3,屏幕上将显示“333”。
- ESP32 OTA详解-中文翻译版
- 汇编语言从键盘输入一个字符串(串长不大于80)以十进制输出字符串中非字母字符的个数(不是a to z或 A to Z)
- 求100以内所有奇数的和,存于字变量X中。
- pyinstaller打包出错numpy.core.multiarray failed to import
- 从包含10个无符号数的字节数组array中选出最小的一个数存于变量MIN中,并将该数以十进制形式显示出来。
- 可修改内容的优先级队列
- STM32定时器与中断整理
- 计算CNN卷积神经网络中各层的参数数量「附代码」
- C++ 万字长文第一篇---拿下字节面试
- 家国梦自动收取金币、货物、升级建筑、拆相册等脚本
- matplotlib 设置移动边框