vue + Typescript void型の動きがわからない

Question

<templete>
 <button @click="voidTest()">ボタン</button>
　<button @click="returnTest()">ボタン2</button>
<templete>

<script lang="ts">
public testNumber: number = 0

public voidTest(): void {
    this.testNumber++
    console.log(this.testNumber)
  }

public returnTest(): number {
    return this.testNumber++
    console.log(this.testNumber)
  }
</script>

初歩的な質問すみません。
上記のコードでvoid型のメソッド(voidTest)ではボタンを押すたびに実行されるのですが、
返り値を返す方のメソッド(returnTest)では実行されないのは何故なのでしょうか？

何卒よろしくお願い致します。

void型について知っている知識
返り値がないので代入やconsole.log()での出力ができない。

Comments

[maisumakun]

・「実行されない」とは、「何が」実行されないのでしょうか。
・Vue.jsのコードでしたら、その旨をタグや本文で明示したほうがわかりやすいです。
・「retun」は、本当にこのとおり書いたのですか？

[pokerStars]

・returnTest ()が実行されず、数字が加算されません。
・承知しました
・上記誤字していたので修正しました。returnと書いています。

[pokerStars]

すみません、自分がめちゃくちゃバカでした。
returnの後でconsole.log()実行してもそら動かないですよねw
お手数おかけしました。

Answer 1

returnの前にconsole.log()を実行する。