我们知道,在vue的项目中,使用v-if有切换渲染消耗的问题;使用v-show又有初始渲染消耗的问题。
我们可以使用keep-alive来解决v-if的切换渲染消耗的问题。
下面的例子是一个tab切换,keep-alive目的在于解决,当按钮再次被点击的时候,组件重新渲染并发起http请求,如果去掉keep-alive,则每触发一次按钮,组件都将重新渲染并发起http请求,这有损网页的性能。
我们知道,在vue的项目中,使用v-if有切换渲染消耗的问题;使用v-show又有初始渲染消耗的问题。
我们可以使用keep-alive来解决v-if的切换渲染消耗的问题。
下面的例子是一个tab切换,keep-alive目的在于解决,当按钮再次被点击的时候,组件重新渲染并发起http请求,如果去掉keep-alive,则每触发一次按钮,组件都将重新渲染并发起http请求,这有损网页的性能。