コリラボ

技術の学びの備忘録

Vue.js

2018-08-03から1日間の記事一覧

v-forで指定回数繰り返す。

v-forで指定回数繰り返す。 実装したい事 v-forを10回繰り返すなど、指定回数繰り返すスクリプトを書きたい。 とりあえず、手始めに1から10まで表示するスクリプトを書く 動くサンプルはこちら 動くサンプルはこちら Html側の書き方 <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script> <div id="app"> <span v-for="n in 10">{{ n }} </span> </div> </body> スクリプ…

v-forで入れ子の情報を表示する

v-forで入れ子の情報を表示する v-forを2つ使ってリスト表示をしてみたいと思います。 マクドナルド ハンバーガー チーズバーガー モスバーガー モスバーガー モスチーズバーガー 動くサンプルはこちら 動くサンプルはこちら Html側の書き方 <div id="app"> <div v-for="store in stores" :key=store.index> <h2> {{store.name</h2></div></div>…

v-forで都道府県を表示する

v-forで都道府県表示を行う v-forは、Phpのforeach構文みたいに何度も同じ処理を繰り返す処理で、リスト表示などによく使う表現です。 まとめサイトを作るとき必ずお世話になる?都道府県リストを今回は作ってみたいと思います。 動くサンプルはこちら 動く…