Vue.jsのmethodsプロパティ

Vue.jsのリアクティブを実感してみます」でなんとなくVue.jsを触ってみました。

今回はVueコンポーネントにあるmethodsプロパティを使用してみます。

イベントハンドラ(v-onディレクティブ)という機能を使用してmethodsプロパティで定義したメソッドを呼び出してみます。(検知)

とするとmethodsプロパティで定義したメソッドが動作します。

buttonタグにv-onディレクティブを設定しています。ちなみにelは#appなのでdivタグ内にbuttonタグがないとv-onディレクティブは動作しませんのでご注意ください。(当たり前ですが…)

以下動作例です。

Vue.jsのmethodsプロパティ

Vue.jsのmethodsプロパティ

次回はmustache(マスタッシュ)にバインドしたデータを加工するVue.filterについて勉強します!

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA