我试图用不同的按钮，来改变一个div中的数据显示，用了以下的方法

           <div id="el">
                <button id="brand" v-on:click="do">品牌</button>
                <button id="category" v-on:click="do">分类</button>
                <ul id="lists">
                    <li v-for="d in brand.value" v-on:click="find(d.index)">{{d.name}}</li>
                </ul>
            </div>
            <script>
                var s= new Vue({
                    el:"#el",
                    data:{
                        brand:{style:'list',value:[{index:1,name:'耐克'},{index:2,name:'阿迪达斯'}]},
                        category:{style:'list',value:[{index:1,name:'休闲'},{index:2,name:'运动'}]},
                    },
                    methods:{
                        do:function () {
                            //需要改变#lists的数据绑定，比如我点分类，循环列表自动更换为绑定category的
                        },
                        find:function (index) {

                        }
                    }
                })
            </script>

请问那个do里面的方法需要怎么写，或者换一种思路如何通过vue实现这种需求？