原型

Tiips：

1. 要学会让样式和行为分类
   也就是Js中不控制css，css中不控制js
   所以在js中千万不要用的api

.show
.hide
.css

要用

addClass('active')
.removeClass('active')

通过控制className从而实现css的控制
eg
html中

 <ol class="tab-content">
          <li :class="index === 0 ? 'active': ''" >内容1</li>
          <li :class="index === 1? 'active': ''" >内容2</li>
        </ol>

css

 .tab-content > li.active {
  display: block;
}