JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.16/vue.min.js"></script>
<div id="app">    
    <ul>
        <li v-for="book in shelfs[0].books">
            {{ book.title }}
        </li>
    </ul>
</div>

JavaScript

var app = new Vue({
    el: '#app',
    data: {
        shelfs: [
        		{
            		selected: true,
                books: [
                    { title: 'Lorem ipum' },
                    { title: 'Dolor sit amet' }
            		]
            },
            {
            		selected: false,
                books: [
                    { title: 'Ipsum lorem' },
                    { title: 'Amet sit dolor' }
            		]
            }
        ]
    }
});