コリラボ

技術の学びの備忘録

Vue.js

v-ifとボタンで条件分岐を試す

v-ifとボタンで条件分岐を試す v-ifでボタンを押すと表示が変化するプログラムを書いてみたいと思います。 要件 ボタンを押す前:ボタンを押したら消えますとテキストを表示 ボタンを押した後:何も表示されない。 簡単な条件分岐です。 それではコードを書…

Vue.jsのバインディングを試す

Vue.jsのバインディングを試す Vue.jsにはデータバインディングという機能があって、それがすごく便利なものらしい(ネット調べ) しかし、初学者なんで何が便利なのかが今一つわからないのでとりあえず動くサンプル作ってみる。 HelloWorldを改良する 今回…

Vue.jsでHello World!を表示させる

Vue.jsでHello World!を表示させる Vue.jsを使って基本中の基本Hello Worldを表示させたいと思います。 Vue.jsを使う準備 Vue.jsをHtmlに読み込む。 以下のコードをペーストするだけ。 <script src="https://cdn.jsdelivr.net/npm/vue"></script> おススメは<head></head>の間に入れる。 そうすると以下のようなコードになる。 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <…</head></html>