27.keep-alive

keepalive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。提高性能

创建一个created()和destroyed()来测试,会发现只打印home created 不会执行销毁。

<keep-alive>
      <router-view></router-view>
</keep-alive>
​
created() {
     console.log("home created");
     this.$router.push('/home/news');
  },
  destroyed() {
     console.log("home destroyed");
  },

router-view也是组件,如果直接被包在keep-alive里面,所有路径匹配的试图组件都会被缓存。

上一篇:闲聊Kubernetes Pod垂直自动伸缩(VPA)


下一篇:vue的生命周期