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 exclude="profile,user">
     <route-view/>
</keep-alive>

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

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

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

文章标题：vue-router和keep-alive的介绍和使用-创新互联
网页链接：https://www.cdcxhl.com/article12/ccgpdc.html

成都网站建设公司_创新互联，为您提供网站改版、网站制作、网站收录、网站策划、企业建站、响应式网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联