【Vue.js】v-forって何?

Introduction

こんにちは、JJ(@JJ_1123_I)です!
Vue.jsのv-forについてのメモです。

v-forとは?

v-forディレクティブを使うと、配列に納められた値をページに表示してくれるや〜つ。多分。

構文

または、

例題

dataオプションに登録した、配列の値(test1, test2, test3)を表示させる。

1.表示に使う配列を準備

2.テンプレート側でv-forを使い表示

undefined.jpg
そうするとこんな感じで出てくる。

まとめ

v-forはかなり使いそう。あと、バリューとキーを逆にしないように。(私も最初ミスりました)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です