Vue项目页面间参数传递的几种方法

甲蛙全栈

共 554字,需浏览 2分钟

 · 2021-02-23



Vue项目页面间参数怎么传递?全局参数怎么存储?


有段时间没更新了,最近忙着新课上线,明天上线,老课还会继续为小伙伴们答疑。


回到内容,今天看到有位小伙伴有这样的问题,应该有很多小伙伴都有一样的疑问。分享一下



Vue项目页面间传递参数和参数存储有很多种,常见的:

  1. url里加参数,比如:/find?id=xxx,或/find/xxx,适合少量数据,优点是刷新页面也不会丢

  2. 使用vuex组件,优点是全局,响应式(很大的一个优点),缺点是刷新就没了

  3. 使用h5 localStorage或sessionStorage,优点是全局,刷新也不会丢,可存大量数据,缺点是没有响应式

  4. 使用事件总线,A组件触发事件,B组件接受事件,可带上参数进行传递,优点是全局,跨组件,缺点是用得多了,代码不好维护


一般Vue项目的全局参数可使用vuex+sessionStorage,发挥两者的优点:全局、刷新不丢,新课里也会有这方面的介绍。



—————— THE END  ——————


扫码关注,好文不错过



浏览 78
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报