var tab = new Vue({ 
        el: '#tab', 
        data: { 
            tabNumber: 1,       //标签数量，这个是临时的，便于自动重新绑定 
            currentTabId: 1,    //当前激活的tab的id 
            beforeTabId: 1,     //上一个被激活的tab的id 
            tabs: { 
                tab1: { //可以有多个标签，这里先默认一个tab 
                    id: "1", //标签识别标示 
                    title: "我的桌面", 
                    isShow:true,        //是否显示 
                    message: '桌面', 
                    orderBy: [], //可以控制字段的先后顺序，想调整列的先后顺序，改这个数组就行，可以做个性化设置 
                    tableTh: {}, //表头的描述信息 
                    dataList: [] //数据包，字段名作为关键字，便于列的调整先后顺序 
                } 
            } 
        }, 
        methods: { 
            tabClick: function (id) { 
                //切换tab 
                //alert("切换tab" + id); 
                //隐藏当前的tab 
                var oldId = tab.currentTabId; //记录切换前tab的id 
                tab.beforeTabId = oldId; 
                tab.tabs["tab" + oldId].isShow = false;  //隐藏切换前的tab 
 
                tab.currentTabId = id;  //记录切换后的id 
                tab.tabs["tab" + id].isShow = true;  //显示切换后的tab 
      
            }, 
            closeTab: function (id) { 
                if (id === "1") { 
                    alert("这是桌面，建议不要关闭哦：）"); 
                    return; 
                } 
                
                delete tab.tabs["tab" + id];  //这种方式不会被vue监控到，所以不会触发视图的刷新 
                tab.tabNumber = tab.tabNumber - 1;  //这样子凑合一下。触发视图的刷新 
 
                //设置“激活”状态 
                var oldId = tab.beforeTabId; //上一个激活tab 
                var nowId = tab.currentTabId; //现在激活tab 
 
                if (nowId === id) { 
                    //关掉的是激活tab，需要设置上一个tab为激活状态 
                    tab.currentTabId = oldId; 
                    tab.tabs["tab" + oldId].isShow = true; //这么写好像可以触发视图的刷新 
                    tab.beforeTabId = 1; 
                } 
                else if (oldId === id) { 
                    //关闭的是上一个激活tab，修改前一个tab的id 
                    tab.beforeTabId = 1; 
                      
                }else { 
                    //需要强制修改一下，否则不会刷新，emmm，好吧还是没自动刷新 
                    tab.currentTabId = nowId; 
                } 
             } 
        } 
});

<div id="tab"> 
    <!--tab标签--> 
    <ul id="ulTab" class="tabs left"> 
        <li v-for="t in tabs" v-bind:class="{'selectTag':t.isShow}"> 
            <a v-on:click="tabClick(t.id)" href="javascript:void(0)"> {{t.title}}&nbsp; 
                <em class="arrup" v-on:click.stop="closeTab(t.id)">x</em> 
            </a> 
        </li> 
    </ul> 
 
    <div v-for="t in tabs" v-show="t.isShow"> 
        {{ t.message }}{{tabNumber}} 
        <table class="table_default1" style="" v-show="t.message!=='桌面'"> 
            <tr> 
                <th>序号</th> 
                <th v-for="key in t.orderBy"> 
                    {{t.tableTh[key].title}} 
                </th> 
            </tr> 
            <tr v-for="(tr,i) in t.dataList"> 
                <td>{{i+1}}</td> 
                <td v-for="index in t.orderBy" v-bind:align="t.tableTh[index].align"> 
                    {{tr[index]}} 
                </td> 
 
            </tr> 
        </table> 
    </div> 
</div>