十、两个新生命周期钩子 activated/deactivated

1、需求

每次切入到 News 组件其内容就闪烁

---

2、CODE

1、News.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

2、Result

闪烁没问题，但是切换到其他组件它依然在闪烁（别忘了上一节 News 已经 keep-alive 了！）

---

3、两个路由新钩子登场！

1. 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态
2. 具体名字：
   1. activated 路由组件被激活时触发
   2. deactivated 路由组件失活时触发

---

4、解决第2条遇到的问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21