数据回显问题

1.数据回显问题
(1)sessionStorage与localStorage

​ 1)区别
​ localStorage生命周期是永久，除非用户清除localStorage信息，否则这些信息将永远存在；

​ sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过它存储的数据也就被清空了

​ 2)具体用法：以sessionStorage举例
​ sessionStorage.setItem(key,value):将value存储到key字段
​ sessionStorage.getItem(key):获取指定key本地存储的值

注意：通过window.sessionStorage.getItem获取的值，一定要 通过JSON.parse()转成对象，不然当value值为null时，得到的是字符串形式的’null’

​ sessionStorage.removeItem(key):删除指定key本地存储的值

​ (2)路由钩子函数beforeRouteEnter(to,from,next)

to：要去的页面、from： 上个页面地址、next 下一步要做的事情

​ beforeRouteEnter 函数内部 this 是undefined，这是因为在beforRouteEnter时候，组件还没有被创建出来；先执行beforRouteEnter，再执行组件周期钩子函数beforeCreate。我们可以通过 next 获取组件的实例对象，如：next( (vm)=>{} )，参数vm就是组件的实例化对象。