Vue.js 処理が複数回呼ばれる

vue.jsを使って開発をしています。
/userにアクセスしたときにqueryパラメータ({ count: '2', type: ['blue', 'green'] })を設定していて、
countSetting()の処理でcountの数によってどこのページに遷移させてあげるのかを決めています。
最初はcountが0なのでtype[0]のblueがthis.statuseに設定されてusers/blueに遷移します。blueページで何かしら処理が終わったら
blueページから/usersにcountを渡してあげてgetUsers()の処理の this.count = parseInt(this.$route.params.count)で取得しています。

/usersのページが呼ばれたときに処理が複数会呼ばれていてconsole.log('test')でみてみたところtestが３回表示されていました。
どうしてなのでしょうか？
わかる人がいましたご教授お願いいたします。

<template>
  <div class="center-column"></div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component
export default class UsersPage extends Vue {
  count: number = 0
  statuse: any = ''

  mounted() {
     this.$router.replace({
      query: { count: '2', type: ['blue', 'green'] }
     })
    }
      console.log('test')
      this.getUsers()
      this.TransitionUrl()
  }

  getUsers() {
    this.count = parseInt(this.$route.params.count)

    if (!isNaN(this.count)) {
      this.countSetting()
    } else {
      this.count = 0
      this.countSetting()
    }
  }

  countSetting() {
    this.statuse = this.$route.query.type[this.count]
    this.count += 1
  }

  TransitionUrl() {
    switch (this.statuse) {
      case 'blue':
        this.BlueUrl()
        break
      case 'green':
        this.GreenUrl()
        break
    }
  }

  CareerUrl() {
    this.$router.push({
      name: 'users-blue',
      params: {
        count: this.count.toString()
      }
    })
  }

  MatchUrl() {
    this.$router.push({
      name: 'users-green',
      params: {
        count: this.count.toString()
      }
    })
  }
}