面试中问到的问题(有答案,不对请指出)

1:说一下vue的缓存keep-alive,并说出当一个页面被缓存后要走哪些生命周期钩子

        1,把切换出去的组件保留在内存中,可以保留它的状态或避免重新渲染。

        2、<keep-alive>是抽象组件,它自身不会渲染DOM元素,也不会出现在父组件链中。

        3、当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

      注:在 2.2.0 及其更高版本中,activated 和 deactivated 将会在 <keep-alive> 树内的所有嵌套组件中触发。

使用keepAlive后生命周期:

        首次进入缓存页面:beforeRouteEnter --> created --> mounted --> activated --> deactivated

        再次进入缓存页面:beforeRouteEnter --> activated --> deactivated

        注:

                1、这里的activated非常有用,因为页面被缓存时,created,mounted等生命周期均失效,你若想进行一些操作,那么可以在activated内完成(下面会举个栗子:列表页回到上次浏览位置)

                2、activated  keep-alive组件激活时调用,该钩子在服务器端渲染期间不被调用。 3、deactivated  keep-alive组件停用时调用,该钩子在服务端渲染期间不被调用。

2:跨域产生的原因和如何解决(什么是跨域?跨域产生原因与解决方法 – 余浩的博客

原因:同源政策(扩展 :1、协议相同  2、域名相同 3、端口相同同源策略目的 目的:保证用户信息安全,防止恶意网站窃取数据。同源策略是必须的,否则cookie可以共享)是浏览器的一种安全机制,服务端之间是不存在跨域的

解决:1:跨域资源共享cors解决跨域  

            2:nginx反向代理解决跨域(前端常用)

            3:添加响应头解决跨域

            4:通过jsonp解决跨域(老方法)

3:VUE路由的两种模式

        1:hash模式:链接中带有#号,#号后面的不被后台获取,#号前面的地址一直不变,http没有获取到新的地址,就不会去访问后台数据库,避免了因为地址改变而频繁的访问后台

        2:history模式:具有对url历史记录进行修改的功能

        比较:hash模式很多场景不适用,比如微信的微信支付 ,对找不到的页面不做任何处理,(切换:mode:’history’)

                    history模式,找不到的页面会出现404错误,这个错误是要由后台去进行处理的(切换:mode:’hash’)

4:说一下插槽和具体用法

        定义:插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码

        基本语法:子组件B中添加一个<slot></slot>,在父组件的子组件引用中写上需要添加的内容

        分类

            1:具名插槽:定义一个name(子组件:<slot name="myslot"></slot>),将对应内容插在有相同name的template上(父组件<B><template v-slot:myslot></template></B>)

            2:作用域插槽:子组件,(<slot:item="item"></slot)。父组件,(<B><template v-slot:default="slotProps"></template></B>)。父组件中的slotProps可以自定义名称,接收来自子组件的传参item(动态接收数据的写法:v-slot:[dynamicSlotName])

5:兄弟组件之间的传信

            1:事件总线EventBus(在Vue中使用EventBus,你应该知道这些细节! - 掘金)(插件,也可直接安装插件npm install vue-bus --saveVue中 事件总线(eventBus)详解及使用_明天也要努力的博客-CSDN博客_vue中的事件总线

            2:使用vuex(如何使用vuex实现兄弟组件通信 - 博客 - 编程圈

6:如何理解父子组件的生命周期

父组件:beforeCreate——created——beforeMounted——子组件beforeCreate——created——beforeMounted——mounted——父组件mounted——beforeUpdate——子组件beforeUpdate——updeted——父组件updated——beforeDestroy——子组件beforeDestroy——destroyed——父detroyed

7:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,783评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,396评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,834评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,036评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,035评论 5 362
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,242评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,727评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,376评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,415评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,463评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,140评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,734评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,809评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,028评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,521评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,119评论 2 341

推荐阅读更多精彩内容