keepalive的作用和使用方法

news/2024/7/9 23:54:15 标签: 正则表达式, html, vue
htmledit_views">

keepalive 下的组件会被缓存当时的状态

可以提升性能，避免重复加载一些不需要经常变动且内容较多的组件

  • include - 字符串或html" title=正则表达式>正则表达式。只有名称匹配的组件会被缓存。
  • exclude - 字符串或html" title=正则表达式>正则表达式。任何名称匹配的组件都不会被缓存。
  • max - 数字。最多可以缓存多少组件实例。

activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

最常用于加在router.js 中加meta 属性：keepalive:true;


http://www.niftyadmin.cn/n/861239.html

相关文章

Vue 组件中data 为什么是函数？

Vue 组件中data 为什么是函数？

data() {return {} } 对象是引用类型，假如data 是对象，那么其他组件也可以改变本组件的data,太多页面了，很容易误改，会造成事故。而data 是函数的话，相当于每个组件都有一个自己私有的data, 这样更加安全。
阅读更多...
js中call,apply与bind三函数

js中call,apply与bind三函数

js的call,apply,bind方法，切换／固定this指向func.call(thisValue, arg1, arg2, ...);第一个参数就是this所要指向的那个对象，后面的参数则是函数调用时所需要的参数．例：function add(a, b) {return a b;}add.call(thi…
阅读更多...
为什么style标签中加scoped属性

为什么style标签中加scoped属性

因为页面很多，在style 标签中加scoped 属性，会将此页面的css 样式只针对此页面，更加不会影响其他页面。 但是其实也可以每个页面最外面有一个父class, 这样样式也不会影响。
阅读更多...
生命周期都有哪些，父子组件生命周期运行顺序？

生命周期都有哪些，父子组件生命周期运行顺序？

生命周期： created： 实例创建完成，可访问data、computed、watch、methods上的方法和数据，未挂载到DOM，不能访问到el属性，el属性，ref属性内容为空数组常用于简单的ajax请求，页面的初始…
阅读更多...
ajax请求放在哪个生命周期合适？

ajax请求放在哪个生命周期合适？

mounted,这时dom 渲染出来，可以操作dom; 而且ajax 为异步，假如放在前面，那么异步导致created 中断的话，又要重新开始。
阅读更多...
父子之间通信方法

父子之间通信方法

父传子 父&#xff1a; <子组件名 :users "data"><子组件名/> 子: props: {users:{} } 子传父 子&#xff1a; 方法&#xff08;&#xff09;{this.$emit(title,ok) } 父&#xff1a; <子组件名 :title show> </子组件名>show(…
阅读更多...
异步解决回调的方案：promise, async await

异步解决回调的方案：promise, async await

Promise(异步): 语法&#xff1a; const p1 new Promise((reslove,reject)>{console.log(2);reslove(1) }).then((data)>{console.log(3); }).catch((data)>{console.log(3); })// 输出&#xff1a; 2 3 状态&#xff1a; pending&#xff1a; 在过程中 fulfilled:…
阅读更多...
http 常见必背状态码

http 常见必背状态码

1XX&#xff1a;请求被接受&#xff0c;需要继续处理。 2XX&#xff1a;200&#xff08;请求成功&#xff09; 3XX&#xff1a;301&#xff08;重定向&#xff1a;永久移动&#xff09; 302&#xff08;重定向&#xff1a;临时移动&#xff09; 304(资源未改变) 重定向的意思…
阅读更多...
最新文章

Copyright @ 2022~2023