ログイン
問題8

省略記法を学ぼう!

アイコン画像

問題8:省略記法を学ぼう!

さっきの問題で使った"v-on:click"を省略記法
を使って書き換えてみよう!

ブラウザのアイコン期待する画面

実行結果はさっきと同じであることが条件だ。

タグアイコン解答ソースコード

              <!-- v-on:click -->
<button @click="alertText" class="alert_btn">Alert!</button>
¥Vue¥
            

コメントのアイコン解説

v-on:clickは@clickと省略して書くことができる
実務では基本的に省略して書くのが基本だから積極的に使っていこう!
ちなみにv-bindも省略することができて、例えばv-bind:hrefは`:href`と省略することができるぞ!
ログインして解答を見る
Vueを学ぶなら現役エンジニア監修「甲賀コース」
キャンペーン

閉じる