Warning: The magic method InvisibleReCaptcha\MchLib\Plugin\MchBasePublicPlugin::__wakeup() must have public visibility in /home/webstg/toccaville.com/public_html/wp-content/plugins/invisible-recaptcha/includes/plugin/MchBasePublicPlugin.php on line 37
Vue.jsことはじめ - ブログ - Toccaville 乃木坂にあるちいさなデザイン事務所

Toccaville

blog

Vue.jsことはじめ

 Akiko Kubo

WordPress案件が多いと、WordPressにはjQueryがデフォルトで含まれているのもあって、なかなかjQuery以外を中心に考えづらく思っていました。

ですがVue.jsを触ってみたかったので、自分で少し練習しました。といってもこちらの記事にあるTodoリストをやってみただけです。

inputタグが空欄だったら、todoリストに追加できないようにするのですが、

v-on:change は、入力後にフォーカスが外れたときに発生するイベントなので、これを使うとボタンを2回押す場合が発生しました。

v-on:input だと、入力途中でイベントが発生しないので、こちらに変えてみました。

参考にさせていただいた記事。ありがとうございます。