从刷新局部页面到钩子函数才发现应用很重要

最近项目里遇到的一个问题,搁置了好久终于解决了,也让我有所反思。

问题描述

总入口里有一个全局组件Head(也就是,无论路由跳转到哪个页面,这个组件都不会消失或变化)。需要再A页面里得到数据,同时让Head得到数据后有所变化。

思路

我一直纠结于局部页面刷新,即当路由跳转的时候,让该组件v-if="false/true"以达到刷新局部页面的效果

<Head v-if="flag">...</Head>

// 组件加载时,让组件消失
this.flag=false;
// 路由跳转时,组件显示
router.beforeEach((to, from, next) => {
  next({
    this.flag=true;
  })
});

但这组建根本不会刷新,也不会执行这段js
最后……终于……我用了updated这个钩子函数,完美解决

updated(){
    // 从sessionStorage里面得到信息
    this.msg = sessionStorage.getItem('info');
},

关于sessionStorage点这里

写在后面

写着写着就突然想起,上周老师讲到课设时说,“你们所选的课设题目,一定要可以解决实际问题,如果华而不实,那它用再高大上的技术,再美轮美奂,也不会受欢迎,不会投入生产”。

知识是死的,人是活的,很多时候我们要灵活应用所学的知识,如果只知道这个东西是什么,而不明白它真正的作用和能解决什么样的问题,那学再多都是白费。
在路上,继续狂奔!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,802评论 1 45
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,763评论 1 52
  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 3,440评论 0 0
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,678评论 0 20
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,517评论 1 14