2021-10-30から1日間の記事一覧
アプリケーションのデータをDOMと結びつけること テキストボックスの双方向データバインディング <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> <form> <label for="name">文字を入力してください:</label> <input type="text" id="name" v-model="inputText" />…</form></div></body></html>
イベントオブジェクトを使用 ⇨$event(Vue.jsのルールで決まっている名前) <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> //第二引数以降で$eventを使いイベントオブジェクトを受け取り、イベントハンドラでも参照できるようになる <button v-on:click="onclick('ようこそ！',$event)">クリ…</button></div></body></html>
