KeepAlive

当我们在切换组件的时候,我们不想让这个组件被销毁(卸载),那么我们需要使用KeepAlive将组件给包裹起来

1. 在DOM模板当中,需要使用 <keep-alive> 进行包裹组件

2. 使用KeepAlive将组件包裹起来之后,该组件不会被销毁(卸载),而是将组件缓存起来了

 KeepAlive的属性

                include =>  包含    字符串的写法不能添加空格

                exclude =>  排除

                max     =>  最大可以缓存多少个组件

                注意:

                    1. 一般情况下,三个单独使用

                    2. 在每一个组件里面需要添加一个name值

                    3. 数组 (需使用 `v-bind`)

KeepAlive的生命周期

激活

            activated() {

                1.在首次挂载、

                2.以及每次从缓存中被重新插入的时候调用

            },

            失活

            deactivated() {

                1.在从 DOM 上移除、进入缓存

                2.以及组件卸载时调用

            }

            拓展: 激活钩子里面的定时器,需要在失活里面进行清除