vue标签切换与关闭

Question

想问一下这种效果用vue怎么实现
1.点击左侧的导航右侧会出现一个新的tab窗口
2.右侧tab可以切换
3.tab窗口也可以关闭
4.默认显示首页的页面，

Answer 1

维护一个nav数组 点击左边的区块的时候向这个数组里push数据 点击X的时候splice当前项 然后内容切换部分不就是个简单的选项卡

Answer 2

用vue router，写一个nav，然后把router-link塞进去，用router-view显示你要切换的页面；
不会router的话去看一下gitbook的中文文档，介绍的很详细也很简单；

<nav>
            <router-link to="/"><input type="button" value="首页"></router-link>
            <router-link to="/news"><input type="button" value="新闻"></router-link>
            <router-link to="/amusement"><input type="button" value="娱乐"></router-link>
            <router-link to="/game"><input type="button" value="游戏"></router-link>
        </nav>
        
        <router-view></router-view>

Answer 3

左边tab菜单，负责异步加载右边区域的所有内容，包括头部分类标签和对应下面的内容，（title，text）
右侧区域的tab分类标签点击只需要控制显示隐藏就行，不需要再次请求，关闭标签就把对应内容remove