当前位置: 首页 > news >正文

vuex的配置主要内容

1、state 作用:负责存储数据;

2、getters 作用:state计算属性(有缓存);

3、mutaions 作用:负责同步更新state数据

mutaions是唯一可以修改state数据的方式;

4、actions 作用:负责异步操作,例如发送网络请求,将请求到的数据通过commit触发mutaions来修改state;

5、modules 作用:负责模块化管理vuex数据。

什么情况下我应该使用 Vuex?
Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。

如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。

创建一个最简单的store
一个初始的state对象和一些mutation

//如果在模块化构建系统中,确保在开头调用了Vue.use(Vuex)

const stroe = new Vuex.Store({state:{count:0},mutations:{increment(state){state.count++   //store.state获取状态对象}}
})

可以通过store.state获取状态对象,通过store.commit方法触发状态变更

store.commit('increment')
console.log(store.state.count)

相关文章:

  • k8s集群master故障恢复笔记
  • 华为数通——OSPF
  • linux 简单使用 sftp 和 lftp命令
  • java算法:插入排序
  • 34、shell数组+正则表达式命令
  • 视频监控平台:支持交通部行业标准JT/T905协议(即:出租汽车服务管理信息系统)的源代码的函数和功能介绍及分享
  • 示例:推荐一个应用Adorner做的表单对话框
  • Linux ComfyUI安装使用;Stable Diffusion 3使用
  • day3-xss漏洞(米斯特web渗透测试)
  • 【已解决】在IDEA中使用Git拉取代码时提示:Can‘t update / master has no tracked branch
  • 昇思25天学习打卡营第1天|快速入门
  • Ubuntu 24.04 安装 libaio1 和 libaio-dev
  • 在C++中,构造器(Builder)模式的思考(《C++20设计模式》及常规设计模式对比)
  • 【database1】mysql:DDL/DML/DQL,外键约束/多表/子查询,事务/连接池
  • Python: create object
  • __proto__ 和 prototype的关系
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • es的写入过程
  • javascript数组去重/查找/插入/删除
  • jdbc就是这么简单
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • Linux链接文件
  • Unix命令
  • Yii源码解读-服务定位器(Service Locator)
  • 反思总结然后整装待发
  • 工程优化暨babel升级小记
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 算法之不定期更新(一)(2018-04-12)
  • 一个JAVA程序员成长之路分享
  • 怎样选择前端框架
  • 终端用户监控:真实用户监控还是模拟监控?
  • 如何在招聘中考核.NET架构师
  • # 计算机视觉入门
  • #mysql 8.0 踩坑日记
  • #WEB前端(HTML属性)
  • #微信小程序:微信小程序常见的配置传值
  • (52)只出现一次的数字III
  • (9)目标检测_SSD的原理
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (php伪随机数生成)[GWCTF 2019]枯燥的抽奖
  • (zz)子曾经曰过:先有司,赦小过,举贤才
  • (黑马点评)二、短信登录功能实现
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (四)事件系统
  • (算法)前K大的和
  • (转)可以带来幸福的一本书
  • ./mysql.server: 没有那个文件或目录_Linux下安装MySQL出现“ls: /var/lib/mysql/*.pid: 没有那个文件或目录”...
  • .[backups@airmail.cc].faust勒索病毒的最新威胁:如何恢复您的数据?
  • .“空心村”成因分析及解决对策122344
  • .equal()和==的区别 怎样判断字符串为空问题: Illegal invoke-super to void nio.file.AccessDeniedException
  • .gitignore
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .Net 基于IIS部署blazor webassembly或WebApi