setIntervalとclearInterval

最近プロジェクトでsetIntervalとclearIntervalの2つのjs関数に出会って、今日わざわざ悟って記録しました
私はvueのプロジェクトで行ったコードです.次の2つの使い方があります.
1つ目:setIntervalでclearIntervalを直接使用する

    ：
cilck1 () {
  var time = setInterval(() => {
    console.log(111)
    clearInterval(time)
  }, 1000)
},

2つ目:setIntervalの外でclearIntervalを使用する

    ：
data () {
  return {
    time: {}
  }
},

    :
cilck1 () {
  this.time = setInterval(() => {
    console.log(111)
  }, 1000)
},
cilck2 () {
  clearInterval(this.time)
},

2つ目はイベントトリガタイマーで停止し、1つ目は条件で停止を判断してもよい