生命周期图示:

Vue 实例生命周期

虽然这张图已经很熟悉了,但是经常没有很好的运用。

最经常使用的是 created()、mounted()、methods()这三个,但是别的也很有用。

例如这次我在一个页面放了一个计时器,但是页面跳转到别的页面的时候,计时器还在继续没有销毁。

这时候就可以使用beforeDestroy()

如下:

  beforeDestroy () {
    console.log('leave')
    window.clearInterval(this.timer)
  },

除此之外,别的在某些特定的地方也很有用。

要更加熟悉这个生命周期图。

Logo

前往低代码交流专区

更多推荐