vue2切换路由后当前页面数据不变keep-alive

发布时间:2022-5-09 10:31

keep-alive是vue中的一个内置组件,主要是将组建缓存到内存中,避免切换路由的时候页面刷新从而倒是dom的重新渲染。

使用方法

router文件中index加入

meta: {
keepAlive: true
}

App.vue中加入

<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

vue3切换路由后当前页面数据不变keep-alive

vue2中provide/inject的使用与响应式传值详解 网站建设

vue2中provide/inject的使用与响应式传值详解

官网概念:这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。 一、基本用法 在父组件中使用provide传值,...
Vue3学习笔记之依赖注入Provide/Inject 网站建设

Vue3学习笔记之依赖注入Provide/Inject

Provide / Inject 通常,当我们需要从父组件向子组件传递数据时,我们使用 props。想象一下这样的结构:有一些深度嵌套的组件,而深层的子组件只需要父组件的部分内容。在这种情况下,如果...