超简单的选项卡实现

啵啵奶糖的tab选项卡

HTML:

**

			

				

				{
    {item}}
				
			
			

				我是tab1内容
			
			

				我是tab2内容
			
			

				我是tab3内容
			
		
**

Script:

export default {
	    name: "fuwu",
	    data(){
		    return{
			    lists:['tab1','tab2','tab3'],
			    nowIndex:0, 	//默认第一个tab为激活状态
		    }
	    },
	    methods:{
	    chageTab:function(index){
				this.nowIndex=index
			},
	    }
}

CSS

来自一个菜鸟新手，希望对同样跟我是新手的大家有点帮助，大佬们不要见怪哈，感谢！