vue keep-alive 组件的共用组件被销毁

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 1297 天前的主题，其中的信息可能已经有所发展或是发生改变。

router-view 的组件 A 和 B 共用一个组件 C，C 组件有个插槽，A 在 C 中插入了 D 组件。

经过测试，在 AB 组件中切换时，C 组件会执行 beforeDestroy 钩子，但 A 和 B 和 D 组件的钩子函数都不会重新执行。

如何不然 C 组件销毁？谢谢！

3 条回复 • 2021-05-13 11:15:53 +08:00

yinggcy

2021-05-13 00:17:31 +08:00

试了下给 C 组件加 keep-alive，beforeDestroy 不会被触发，但是在 AB 组件间切换还会触发 created，mounted 等钩子

GressJoe

2021-05-13 11:09:10 +08:00

activated,deactivated?

yinggcy

2021-05-13 11:15:53 +08:00

@GressJoe 不是, 按道理说 created，mounted 等钩子函数整个生命周期应该只能触发一次, 但是因为 keep-alive 失效导致多次触发了