webStorage浏览器本地存储---pubsub消息订阅与发布

webStorage浏览器本地存储

1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样)

2.浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制
3.相关API:

1.xxxxxStorage.setItem('key', 'value');

​ 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。

2.xxxxxStorage.getItem('person');

​ 该方法接受一个键名作为参数，返回键名对应的值,

3.xxxxxStorage.removeItem('key');

​ 该方法接受一个键名作为参数，并把该键名从存储中删除。

4.xxxxxStorage.clear()

​ 该方法会清空存储中的所有数据.
4.备注:
1.SessionStorage存储的内容会随着浏览器窗口关闭而消失。
2*.LocalStorage*存储的内容，需要手动清除才会消失。
3.xxxxxstorage.getItem(xxx)如果xxx对应的value获取不到，那么get ltem的返回值是null.
4.JSON.parse(nu11)的结果依然是null。

pubsub消息订阅与发布

1.一种组件间通信的方式，适用于任意组件间通信。（类似于全局事件总线）
2.使用步骤:
1.安装pubsub: npm i pubsub-js
2.引入: import pubsub from 'pubsub-js'
3.接收数据:A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。

methods(){demo(data){......}
mounted(){
this.pid = pubsub.subscribe('xxx',this.demo)//订阅消息
}

4.提供数据: pubsub.publish('xxx',数据)
5.最好在beforeDestroy钩子中，用 Pubsub.unsubscribe(pid)去取消订阅。