Passare valore dinamico a metodo in Vue.js

[fermat]

ciao!

sto usando vue.js per un sito.
tramite una chiamata asincrona, riempio una lista di link.
al click su un link, dovrei richiamare un altro metodo e passargli un valore.

se faccio cosi, mettendo il valore in maniera "statica" funziona:

           <ul id="menu_gruppi" class="vertical menu">
                <li v-for="item in items">
                    <a v-on:click="getBook('php');" class="float-left">{{item.nome}}</a>
                    <span class="badge float-right">{{item.count}}</span>
                </li>
            </ul>

però ho la necessità di passargli un valore "dinamico"; in sostanza lo stesso che visualizzo nella pagina.
ho provato così, ma non funziona:

             <ul id="menu_gruppi" class="vertical menu">
                <li v-for="item in items">
                    <a v-on:click="getBook('{{item.nome}}');" class="float-left">{{item.nome}}</a>
                    <span class="badge float-right">{{item.count}}</span>
                </li>
            </ul>

qualche idea??

[fermat]

ok, così sembra funzionare:

<a v-on:click="getBook($event);" v-bind:id="item.nome" class="float-left">{{item.nome}}</a>

poi nel metodo getBook:

        getBook: function (event) {
            console.log(event.currentTarget.id);
        }