VUE实现手风琴效果-借助TweenMax

html:

<div id="app">   

    <ul class="list">
          <li v-for="(item,index) in list">
            <div class="tit" @click="tween(index,item)" >{ {item.title}}</div>
              <div class="sub" :ref="'sub'+index">
                <div v-for="ii in item.sub">{ {ii}}</div>
              </div>
          </li>
        </ul>

</div>

js:

<script src="js/vue2.js"></script>

<script src="js/TweenMax.min.js"></script>

<script>
    var vm = new Vue({
      el: '#app',
      mounted: function(){
        // 将与DOM高度相关的变量初始化：主要思路是先取得升缩块高度，然后用Tween语句将其变为0高度，这里为求简单未考虑paddd