...

keep-alive缓存（ 一般都要将首次创建的组件缓存，提高性能） keep-alive对应两个生命周期,activated(){} deactivated ...

理解keep-alive keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 router-view也是一个组件，如果直接被keep-alive包在里面，所有路径匹配到的视图都会被缓存 keep-alive还有两个重要属性 ...

<keep-alive>包裹的动态组件会被缓存，它是一个抽象组件，它自身不会渲染一个dom元素，也不会出现在父组件链中。当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 如< ...

keep-alive 简介 keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 用法 props include - 字符串或正则表达，只有匹配的组件会被缓存 exclude - 字符串或正则表达式，任何匹配的组件都不会 ...

keep-alive用法 <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存 ...

keep-alive 生命周期 父组件 组件A： 组件B： 切换组件A和组件B，控制台打印： 结论： 首次激活时，activated都在mounted后。 再次激活时，本组件只走activated（另外一组件先失活deactivated） 组件失活时，均不 ...

beforecreated： 创建前状态 el 和 data 并未初始化 created: 创建完毕状态 完成了 data 数据的初始化，el没有 beforeM ...