vue-router和keep-alive的介绍和使用-创新互联

keep-alive

创新互联是一家专业提供南和企业网站建设,专注与网站建设、网站制作、H5技术、小程序制作等业务。10年已为南和众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

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

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:vue-router和keep-alive的介绍和使用-创新互联
当前链接:http://myzitong.com/article/ccgpdc.html