页面间 数据传递（本地存储、vuex存储、路由参数）

参考：https://blog.csdn.net/wang1006008051/article/details/77898559 或 

一、本地存储 webStorage（localStorage、sessionStorage）：页面数据传递

　　【localStorage、sessionStorage 统称 为 webStorage】

　　1、localStorage 和 sessionStorage的选择：http://www.imooc.com/wenda/detail/508665
　　　  新开标签页 sessionStorage 的数据也会消失的。如果是程序中打开（window.open）的新标签页还是会有 sessionStorage 数据的。

　　　  小结：页面间传递数据 都用 localStorage，除非是 会话级别的 存储，才会使用 sessionStorage。

　　　  sessionStorage 使用场景：适合做一些当  首次进入页面的时候 必须要和后台进行交互的场景。其它页面跳转到首页的时候不去 执行的逻辑。

　　　　　　　　　　　　　　　  判断页面是不是 首次进入。

　　2、命名空间：https://www.cnblogs.com/hanshuai/p/12194307.html

　　　  说明：本地存储是没有命名空间的，我们可以给存储的名称添加一个前缀作为 命名空间，避开不同页面可能出现重名覆盖的问题。

　　3、设置 localStorage 的 有效时间：

二、vuex：组件间数据传递。一般不用在页面间传递

三、路由参数：网页需要  收藏 或 分享，传递的参数就必须放在url上。不然会无效