实现组件在切换后依旧可以得到缓存的是

实现组件在切换后依旧可以得到缓存，可以使用路由懒加载和keep-alive组件。通过路由懒加载，可以实现组件的按需加载，减少页面加载时间。而通过keep-alive组件，可以缓存组件的状态，使得在切换后依旧可以得到缓存。同时，可以通过设置exclude属性来排除不需要缓存的组件，进一步优化性能。

相关问题

react实现组件状态缓存

在 React 中，我们可以使用 React.memo 和 useMemo 来实现组件状态的缓存。

React.memo 可以用来包裹一个函数组件，在组件的 props 没有发生变化时，这个组件就不会重新渲染。这个时候，如果组件内部有一些计算量比较大的操作，我们可以使用 useMemo 来缓存计算结果，从而提高组件的性能。

举个例子，比如一个组件需要根据传入的 props 计算出一个结果，我们可以这样写：

import React, { useMemo } from 'react';

function MyComponent(props) {
  const result = useMemo(() => {
    // 这里进行一些计算，比如遍历 props 中的数据，进行一些复杂的计算
    return computedResult;
  }, [props]);

  return (
    <div>{result}</div>
  );
}

export default React.memo(MyComponent);

这样，当 MyComponent 的 props 没有发生变化时，组件就不会重新渲染，从而提高了性能。而且，由于我们使用了 useMemo 缓存了计算结果，下一次渲染时就可以直接使用缓存的结果，而不需要重新计算，进一步提升了性能。

uniapp 如何缓存组件，实现Keepalive

Uniapp中可以使用`<keep-alive>`组件来缓存组件实现Keepalive。将需要缓存的组件包裹在`<keep-alive>`标签中即可，如下所示：

<template>
  <div>
    <keep-alive>
      <component :is="currentComponent"></component>
    </keep-alive>
  </div>
</template>

其中，`:is`属性可以动态地绑定当前需要渲染的组件，`<component>`标签可以动态地切换不同的组件。

需要注意的是，使用`<keep-alive>`缓存组件时，组件的生命周期方法会发生变化。当组件被缓存时，组件的`mounted`和`destroyed`生命周期方法只会被调用一次，而`activated`和`deactivated`生命周期方法会在组件缓存和激活时触发。

如果需要在组件被缓存和激活时执行一些特定的操作，可以在组件中添加`activated`和`deactivated`生命周期方法，如下所示：

export default {
  activated() {
    console.log('Component activated.')
  },
  deactivated() {
    console.log('Component deactivated.')
  }
}

以上就是Uniapp中缓存组件实现Keepalive的方法。