<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>

--------------------------------------------------html-----------------------------------

<div id="app">
            <!--頻換切換建議用v-show,效能比v-if好-->
            <h3 v-show="tab == 1">首頁</h3>
            <
 
h3 v-show="tab ==2 ">新聞頁</h3>
            <h3 v-show="tab == 3">個人中心</h3>
            
            <button @click="tableChange" data-id = '1'>首頁</button>
            <button @click="tableChange" data-id = '2'>新聞頁</button>
            <button @click="tableChange"
 
 data-id = '3'>個人中心</button>
        </div>

-------------------------------------------js-------------------------------

<script type="text/javascript">
            let app = new Vue({
                el:"#app",
                data:{
                    tab:1
                },
                methods:{
                    tableChange:
 
function(e){
                        this.tab = e.target.dataset.id
                    }
                }
            })
        </script>