vue动画，一个页面有两个div，点击其中一个，当前的往上滚动直到隐藏，另一个紧接着往上滚动

你可以使用 Vue.js 中的过渡动画来实现这个效果。以下是一个简单的示例：

1. 在模板中定义两个 div，一个绑定点击事件，一个绑定过渡动画

<template>
  <div>
    <div class="content" v-on:click="slideUp">
      <!-- 这里放点击事件的内容 -->
    </div>
    <transition name="slide">
      <div class="other-content" v-show="showOther">
        <!-- 这里放要过渡的内容 -->
      </div>
    </transition>
  </div>
</template>

2. 在样式中定义过渡动画

<style>
.slide-enter-active, .slide-leave-active {
  transition: all 0.5s;
}
.slide-enter, .slide-leave-to {
  transform: translate(0, -100%);
}
</style>

3. 在 Vue 组件中定义 showOther 变量和 slideUp 方法

<script>
export default {
  data() {
    return {
      showOther: false
    }
  },
  methods: {
    slideUp() {
      this.showOther = true;
    }
  }
}
</script>

这样，当点击 content div 时，other-content div 就会执行向上滑动的过渡动画，直到完全隐藏。你可以通过调整过渡动画的参数，来实现不同的滑动效果。