首页 > 其他分享 >动态组件-缓存怎么做

动态组件-缓存怎么做

时间:2022-12-11 21:22:28浏览次数:52  
标签:缓存 定义 钩子 调用 组件 动态

设置动态组件需要添加component组件定义形式<component :is='给定的组件名称'/>

组件缓存:定义keep-alive组件即可;

如果组件缓存了会有两个钩子钩子可以使用:

activated:当它显示时调用

deactivated:当它隐藏时调用

在App.vue中定义

 在PassWord组件中定义:

 

 

 

在PhoneLogin组件中定义:

 

显示效果如下:

 

 

 

标签:缓存,定义,钩子,调用,组件,动态
From: https://www.cnblogs.com/Metx/p/16974381.html

相关文章

  • 动态import
    动态import​ 动态引入外部资源使用的是import函数,可以按需加载提高效率。​ 动态import.html<body><buttonid="btn">点我呀</button><scriptsrc="./22-app......
  • Vue3忽略自定义模板组件提示
    为了在Vue应用程序中使用自定义元素库,必须修改应用程序以定义自定义元素和通知Vue编译器在编译过程中忽略哪些元素。根据同一页面,这可以通过修改Vue实例的配置来实......
  • 小程序自定义组件和 npm包的使用
    自定义组件创建自定义组件在根目录下创建components文件夹下创建自定义的组件引用自定义组件//在页面的.json文件中,引入组件{  "usingComponents":{ ......
  • 高速缓存
    局部性原理(locality)时间局部性与空间局部性局部性通常有两种不同的形式,时间局部性(temporallocality)和空间局部性(spatiallocality)。在一个具有良好时间局部性的程......
  • 组件传值
    父传子:通过props传递,父组件定义自定义属性并传入要传的值,子组件通过props接受自定义属性并且使用。子传父:子组件通过this.$emit触发自定义事件并且传入要传的值,父组件通过......
  • troubleshoot:PVC动态扩容报错
    目录一.问题描述二.解决方法一.问题描述动态扩容PVC的时候报错(kubectleditpvcpvcname):“error:persistentvolumeclaims"pvvolume"couldnotbepatched:persiste......
  • 【atcoder abc281_d】动态规划
    importjava.io.BufferedReader;importjava.io.IOException;importjava.io.InputStreamReader;/***@authorfishcanfly*/publicclassMain{/***......
  • JS实现决策报表缓存最后一次查询条件
    问题描述决策报表在打开时希望参数控件的值可以默认是上一次页面关闭前最后一次查询所选择的值。解决方案每次点击查询后将参数值保存到浏览器缓存中(适用于控件在参数......
  • Compose把Text组件玩出新高度
    本文首发于稀土掘金https://juejin.cn/post/7140529542665338910一、前言开始前,建议大家可以去先看一下我们的这一篇文章==→Compose挑灯夜看-照亮手机屏幕里面的书......
  • #yyds干货盘点# react笔记之学习之使用组件完成练习
     我是歌谣放弃很容易但是坚持一定很酷日期部分data.jsimportReactfrom'react';import'./MyDate.css';constMyDate=()=>{return(<divclassName="d......