大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

vue-router和keep-alive的介绍和使用

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("当前组件不活跃")
}

文章名称:vue-router和keep-alive的介绍和使用
URL分享:http://dzwzjz.com/article/jceiie.html
在线咨询
服务热线
服务热线:028-86922220
TOP