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.find(isSelected).books">
            {{ book.title }}
        </li>
    </ul>
</div>

JavaScript

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

    methods: {
        isSelected: function(element, index, array) {
            return element.selected;
        }
    }
});