Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

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