vue-router和keep-alive的介绍和使用
admin
2023-02-12 22:00:09
0次

keep-alive

keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素

rvue-router

rvue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。

keep-alive有两个非常重要的属性
include  -- 字符串或正则表达，只有匹配的组件才会被缓存
exclude --字符串或正则表达，任何匹配的组件都不会被缓存


        

这两个函数只有组件使用了keep-alive时才有效

activated(){
   console.log("当前组件活跃")
}
deactivated(){
   console.log("当前组件不活跃")
}

上一篇：jQuery中的事件、动画和表单的介绍和使用

下一篇：7招提升你的前端开发效率

相关内容

热门资讯

菲尔兹奖得主邓煜写过这些诗词 邓煜 李少君 徐俪成 | 澎湃新闻记者 徐萧 整理北京时间7月23日晚，中国数学家王虹、邓煜获颁菲尔...
中国海警局新闻发言人就菲位南海... 中国海警局新闻发言人姜略表示，7月24日，菲律宾组织7艘公务船、3艘海警舰、1艘运鱼船，并唆使大量渔...
外交部回应美国对数十国加征关税 7月24日，外交部发言人林剑主持例行记者会。有记者问：美国新一轮关税措施将于今天生效，外交部能否就此...
台湾岛以东相关海域治理进入经济... 为全面了解我国管辖海域渔业资源状况，7月17日至23日，农业农村部中国水产科学研究院东海水产研究所，...
日本正式决定设立国家情报局：系... 据凤凰卫视报道，日本政府7月24日正式决定设立国家情报局，计划于31日召开首次国家情报会议。这是日本...
伍斌任福建省副省长 据“新福建”客户端消息，7月24日，福建省十四届人大常委会第二十三次会议闭幕。会议表决通过了有关人事...
滚筒洗衣机脱水转不起来 滚筒洗衣机脱水转不起来：1、洗衣机顶盖的安全开关损坏。洗衣机在脱水的过程属于高速运作的机械运动。在脱...
洗衣机甩干桶嗡嗡响转不起来 洗衣机甩干桶嗡嗡响转不起来1、可能是洗衣机甩干桶下面的相关轴承长时间使用，缺乏润滑油导致的。2、可能...
不平衡滚筒洗衣机脱水转不起来 不平衡滚筒洗衣机脱水转不起来洗衣机不脱水时，首先检查洗衣机内是否有水。如果有水，首先打开排水阀检查里...
洗衣机脱水桶转不起来 1、有可能是因为洗衣机的内筒当中所放置的衣物过多了导致的。2、还有可能是因为电压不正常导致的。3、也...