Vue js动画

Question

<div class="menu-m" v-show="false">
   <ul id="links" class="links">
     <li>Образование</li>
     <li class="work">
      <transition >
       <ul class="work-in">
        <li>Вакансии</li>
        <li>Резюме</li>
        <li>практика</li>
       </ul>
      </transition>
     </li>
     <li>курсы</li>
     <li>жилье</li>
     <li>отдых</li>
     <li>новости</li>
     <li>статьи</li>
   </ul>
  </div>

当需要上课时，我需要使用课程工作向下滑动ul下载

我有我的剧本

<script>
export default {
  name: 'Header',
  data () {
    return {

    }
  },
}
</script>

我需要这样做，但我不明白我必须在脚本中调用元素以及如何正确执行此操作，谢谢！