本文探讨了Vue组件的created和mounted生命周期钩子在处理sessionStorage数据时的不同行为。当父组件在created钩子中获取sessionStorage值时，可能会受到子组件还未完成初始化的影响，导致获取到空值。而mounted钩子则确保了在DOM渲染完毕后获取值，因此能正确反映出子组件设置的sessionStorage内容。这一现象揭示了Vue组件生命周期中钩子执行的顺序和时机的重要性。
父页面created钩子中执行的函数是不受子页面中的函数影响的，例：
父页面：created(){
this.xx= sessionStorage.getItem('xx')
}
子页面：
created(){
sessionStorage.setItem('xx','xx’)
}
父页面获取到的是空值，
而父页面mounted钩子中执行的函数是受子页面中的函数影响的，例：
父页面：mounted(){
this.xx= sessionStorage.getItem('xx')
}
子页面：
created(){
sessionStorage.setItem('xx','xx‘)
}
父页面获取到的是‘xx’，
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
