マスタッシュ構文が表示されない

Question

Vue学習中の初学者です。

ボタンをクリックした際にclickHandlerメソッドが呼ばれ、マスタッシュ構文内のmessageが切り替わる処理をしたいのですが、messageプロパティがうまく切り替わりません。

どこか問題がありますでしょうか？？

<div id = 'app'>
 <p>
  {{ message }}
 </p>
  <button v-on:click="clickHandler">
  now
  </button>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

var app = new Vue({
  el: '#app',
  data: {
   	message: ''
  },
 methods: {
   clickHandler: function() {
   this.message = new Date().toLocaleTimeString()
   }
})

Answer 1

閉じ括弧 } が足らないみたいです。

• サンプルコード

デベロッパーツールのコンソールを使うとエラーが確認できるはずです。

• Chrome デベロッパーツール console

Comments

[ko-u]

解決しました！

ご丁寧にありがとうございます！

[nico25]

恐れ入ります！