Vue组件(三)——keep-alive性能优化

keep-alive标签，是vue自带的标签。

很多时候页面是需要进行数据缓存的。在vue项目中，这个功能的应用极为简单，因为vue中已经定义好了keep-ailve标签，只需要在项目入口处，使用keep-alive标签包括项目即可。

例如，vue的项目入口都是App.vue组件（定义在main.js中），因此：

 

keep-alive的钩子

activated：使用keep-alive标签时才会被激活。页面加载时执行，可以用于数据渲染。由于使用了keep-alive后，ajax的请求数据会被浏览器缓存，当需要数据重新渲染时（如去哪儿网城市不同，景点数据不同）也不会重新请求数据。这时，需要将ajax请求函数放在activated中即可。

deactivated：使用keep-alive标签时才会被激活。页面卸载时执行。