Vue.js组件tab实现选项卡切换

 

 *{padding: 0;margin: 0}

 #app{

  width: 500px;height: 300px;margin: 0 auto;background-color: #ddd;

 }

 .top{

  height: 50px;line-height: 50px;width: 100%;background-color: #999;

 }

 .top ul li{display: inline-block;margin:0 10px;}

 .top ul li a{text-decoration: none;color: white;}

 .bottom{

 }

  

• {{tab01Text}}

  

• {{tab02Text}}

  

• {{tab03Text}}