要聊点儿啥?你知道在Vue中怎么给网页设置缓存位置?这可是个好东西。
在搞Vue APP时候,记得用 Keep-Alive 把一些信息存起来,这样APP操作会更流畅。这个小玩意儿超给力,一定要试试看!
啥?Keep-Alive有啥功能?简单来说,这货就是Vue的得力助手,给你随时随地存常用组件和router-view实例的地方。咋用你肯定知道?就是说,用组件时,不用每次都重建,直接从这儿抠出来就行了,这不就能快速加载了吗?再加上这招儿,还能让用户体验上升不少
知道怎么让Vue让keep-alive组件一直活下去吗?简单的很,把要留住的组件放到框里头就行了。比如,那些挂在标签里的组件就是我们想用keep-alive保持住的东西!
除了常规用法,这里给大家分享个小秘密:把 “include” 改成 “exclude”,哪些组件就会被隐藏起来!比如说以前的那款产品,如果设为 “include”,那些组件就可以保留下来;但如果设置为 “exclude”,浏览器可就看不到了。这样你想看啥网页内容都随心所欲咯!
export default { data() { return { includeComponents: ['ComponentA', 'ComponentB'], excludeComponents: ['ComponentC'] } } }
听过那个叫Max的人吗?他管着组件数量,不过超了的话,一些旧的可能就要被扔掉。一开始默认是零,也就是说完全没限制!
跟你说个小技巧就拿刚才咱们说的那个事来说,只能存3样东西,多了就得扔咯。但是加个Keep-Alive部件,网页就能在浏览器里缓存,不用老生成和删组件,那效率可高了。用起来特顺滑,是不是超牛逼的?
听说Keep-Alive组件不错,用这个就能搞定网页缓存~除了能动态控制哪些页面要缓存还有最大值设定等功能,设定起来更方便~希望我说的这些能帮到大家,如果碰到啥问题或者想聊什么都可以找我哟~别忘了点赞然后分享给朋友们,真的很实用!
今天我们Vue页面缓存的小知识就分享到这~希望大家都多学点东西,闲着也是闲着,用得上的话不也挺好?有不懂的尽管找我,聊天框见!别忘了给我点个赞,分享给大家,咱们一起进步!下次再见咯!
评论0