Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

v-forで要素にindexをつける

vue.js話。
Rubyと同様、インデックスつきのfor文を記述できます。

実際のところ

前の記事でやった内容に
インデックスをつける例を考えます。
v-for構文の中に"index"

	    <div>
		<ul v-for="(book, index) in bookdatas">
		    <li>ID{{  index }} :: {{book.title}} - {{book.content}}</li>
		</ul>
		<button v-on:click="AddNewBook">Add New Book</button>
	    </div>

参考もと

jp.vuejs.org