问 vue.js中如何为v-for渲染的多个li绑定事件？

<div class="main-number">
            <ul>
                <li class="main-number-options" v-for="item in items" v-on:click="choose">
                    {{item.number}}
                </li>
            </ul>
</div>

js代码

var vm = new Vue({
        el:".main-number",
        data:{
            items:[
            {number:"01"},
            {number:"02"},
            {number:"03"},
            {number:"04"},
            {number:"05"},
            {number:"06"},
            {number:"07"},
            {number:"08"},
            {number:"09"},
            {number:"10"},
            {number:"11"},
            ]
        },
        methods:{
            choose: function () {
             
            }
        }
    })

现在我想给每个li绑定一个事件，让他们在点击的时候变成右边选中态红底白字的样式
请问vue有类似jquery事件代理委托的方法吗？有什么好的办法实现这种效果？