vue中在不同页面之间-4种传递参数的方式
2024-08-21
Vue项目页面间传递参数和参数存储有很多种，常见的：
1、url里加参数，比如：/find?id=xxx，或/find/xxx，适合少量数据，优点是刷新页面也不会丢
2、使用vuex组件，优点是全局，响应式（很大的一个优点），缺点是刷新就没了
3、使用h5 localStorage或sessionStorage，优点是全局，刷新也不会丢，可存大量数据，缺点是没有响应式
4、使用事件总线，A组件触发事件，B组件接受事件，可带上参数进行传递，优点是全局，跨组件，缺点是用得多了，代码不好维护。
一般Vue项目的全局参数可使用vuex+sessionStorage，发挥两者的优点：全局、刷新不丢。
简而言之4种：路由、存储、事件总线、vuex
