【Vue.js】クリックイベントの使い方について

<button v-on:click="メソッド">テキスト</button>
<button @click="メソッド">テキスト</button>
<button v-on:click="count++">カウントアップ</button>

  new Vue({
    methods: {
      メソッド: function () {
        // 処理を記載
      },
    },
  });

<div id="app">
  <button v-on:click="urlGoogle()">urlをGoogleに変更</button>
  <button v-on:click="urlYahoo()">urlをYahooに変更</button>
  <a v-bind:href="url">{{ urlTitle }}</a>
</div>

  new Vue({
    el: "#app",
    data: function () {
      return {
        url: "#",
        urlTitle: "ボタンをクリックするとURLが変わるよ！",
      };
    },
    methods: {
      urlGoogle: function () {
        this.url = "https://www.google.com/";
        this.urlTitle = "Google";
      },
      urlYahoo: function () {
        this.url = "https://www.yahoo.co.jp/";
        this.urlTitle = "Yahoo";
      },
    },
  });