(汇总)vue中在不同页面之间-4种传递参数的方式

news/2024/9/24 23:40:40/

Vue项目页面间传递参数和参数存储有很多种,常见的: (参考链接:www.qinglite.cn/doc/4603647…

  • url里加参数,比如:/find?id=xxx,或/find/xxx,适合少量数据,优点是刷新页面也不会丢
  • 使用vuex组件,优点是全局,响应式(很大的一个优点),缺点是刷新就没了
  • 使用h5 localStorage或sessionStorage,优点是全局,刷新也不会丢,可存大量数据,缺点是没有响应式
  • 使用事件总线,A组件触发事件,B组件接受事件,可带上参数进行传递,优点是全局,跨组件,缺点是用得多了,代码不好维护。

一般Vue项目的全局参数可使用vuex+sessionStorage,发挥两者的优点:全局、刷新不丢。

简而言之4种:路由、存储、事件总线、vuex


http://www.ppmy.cn/news/1451282.html

相关文章

企业计算机服务器中了lockbit勒索病毒如何处理,lockbit勒索病毒解密流程建议

在虚拟的网络世界里,人们利用网络获取信息的方式有很多,网络为众多企业提供了极大便利性,也大大提高了企业生产运营效率,方便企业开展各项工作业务。但随着网络技术的不断发展与应用,越来越多的企业开始关注企业网络数…

SMB 协议详解之-TreeID原理和SMB数据包分析技巧

在前面分析SMB协议数据包的过程中,这里,可以看到在SMB协议中存在很多的ID,即Unique Identifiers。那么这些ID表示什么含义?在实际分析数据包的过程中如何根据这些ID进行过滤分析?本文将介绍SMB/SMB2中的tree id ,并介绍如何通过tree id 快速的分析SMB数据包中各种命令交互…

本地基于知识库的大模型的使用教程

本地基于知识库的大模型的使用教程 启动 双击 大模型启动.bat文件,内容如下: cmd /k "cd /d G:\Anaconda3\Scripts && activate.bat && cd /d D:\docdb_llm && conda activate python3.11 && python startup.py…

如何解决Go中uint类型溢出问题

如何解决Go中uint类型溢出问题 Golong的uint类型溢出问题通常会发生在大量的运算中,特别是涉及到大量循环和大数运算中。当uint类型的值超过其最大值时,会发生溢出,从最小值开始循环,一般有如下几种解决办法: 1. 使用…

wordpress外贸独立站建站10要10不要

创建一个成功的WordPress外贸独立站需要注意很多因素。以下是zhanyes根据多年建站经验总结的wordpress外贸独立站建站的10个建议和10个避免的事项,以帮助您建立一个高质量的外贸网站: 10个要: 1. 要选择合适的域名:确保您的域名…

感应开关盖垃圾桶项目(二)

单片机中断 之前我们采用软件的方法实现,对爆表的次数进行统计,以达到我们的延时要求。我们也可以采取中断的方法,让硬件直接实现中断。 观察中断结构图可以发现只有当EA闭合的时候,才会接受中断信号,之后可以按照我…

如何在postman上提交文件格式的数据

如何在postman上提交文件格式的数据 今天在写一个文件上传的功能接口时,想用postman进行提交,花了些时间才找到在postman提交文件格式的数据。记录一下吧! 1.打开postman,选择POST提交方式,然后在Params那一行的Head…

npm许可证检查

node开发做项目,很少有人去纯手工打造,大多是采用一些开源框架,还会使用前人做好的轮子,所以咱们的项目文件里,除了自己编写的js文件,还会带有一些拿来主义的npm模块,从其他开源发布网站上下载的…