Vue+Vuex+Axios 实现后台数据获取与Vuex组件间数据共享
需积分: 42 65 浏览量
更新于2024-08-07
收藏 967KB PDF 举报
"这篇文档主要介绍了如何在Vue项目中结合Vuex和axios从后台获取数据并存储在Vuex中,以便于组件之间的数据共享。同时,文档也提及了西门子PLC编程中的系统功能块(SFB)的调用方法,包括调用指令的格式、参数传递规则以及编程中的安全注意事项。"
在Vue.js开发中,通过结合Vuex状态管理库和axios库,可以有效地从后台获取数据并确保这些数据在整个应用中的一致性。Vuex是一个专为Vue.js应用程序开发的状态管理模式,它提供了一个集中式的存储来管理组件的状态,而axios则是一个基于Promise的HTTP库,可以方便地发起网络请求。
1. Vue+Vuex+axios数据获取和共享
- 使用axios发送HTTP请求到后台服务器,获取所需数据。
- 将获取的数据通过`commit`方法提交到Vuex的store中,更新对应的state。
- 在Vue组件内部,通过`mapState`或`mapGetters`辅助函数来访问Vuex store中的数据,实现组件间的数据共享。
2. 调用西门子PLC的系统功能块(SFB)
- `CALL SFB n1,DB n2`是调用SFB的格式,n1是SFB的编号,n2是与SFB相关的数据块编号。
- SFB调用与RLO(结果逻辑位)或其他条件无关,调用后会继续执行后续程序。
- 必须为调用的SFB提供一个背景数据块,用于在处理完SFB后保存实际参数。
- 变量表用于调用块和被调用块之间交换参数,IN参数可以是常量、绝对地址或符号地址,OUT和IN_OUT参数必须是绝对地址。
- 确保地址和常量与数据类型匹配,调用指令会保存返回地址、数据块选择符和MA位。
3. PLC编程中的指令和安全指南
- 文档还概述了多种PLC编程指令,如比较、转换、计数器、数据块、逻辑控制、算术运算、移位、定时器等。
- 安全指南强调了遵守注意事项的重要性,以避免潜在的人身伤害和设备损坏,区分了不同级别的安全警示。
- 所有操作应由合格人员执行,产品仅可用于指定应用,并与认可的装置或组件配合使用。
这篇文档结合了Web前端开发与工业自动化控制领域的知识,讲解了在Web应用中实现数据共享的技巧以及在PLC编程中调用系统功能块的方法,并强调了操作过程中的安全规范。
2020-08-30 上传
2023-06-15 上传
2022-06-27 上传
2020-11-19 上传
2023-04-07 上传
2021-03-11 上传
2024-02-26 上传
2024-04-04 上传
2021-02-05 上传
郝ren
- 粉丝: 57
- 资源: 4065
最新资源
- 掌握压缩文件管理:2工作.zip文件使用指南
- 易语言动态版置入代码技术解析
- C语言编程实现电脑系统测试工具开发
- Wireshark 64位:全面网络协议分析器,支持Unix和Windows
- QtSingleApplication: 确保单一实例运行的高效库
- 深入了解Go语言的解析器组合器PARC
- Apycula包安装与使用指南
- AkerAutoSetup安装包使用指南
- Arduino Due实现VR耳机的设计与编程
- DependencySwizzler: Xamarin iOS 库实现故事板 UIViewControllers 依赖注入
- Apycula包发布说明与下载指南
- 创建可拖动交互式图表界面的ampersand-touch-charts
- CMake项目入门:创建简单的C++项目
- AksharaJaana-*.*.*.*安装包说明与下载
- Arduino天气时钟项目:源代码及DHT22库文件解析
- MediaPlayer_server:控制媒体播放器的高级服务器