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

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

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

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

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

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

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

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

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

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

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

扫码关注，好文不错过