Vue实现点击按钮使图片平移到某个位置怎么实现？有个时间间隔有点动画效果

现在使用animate插件可以实现点击按钮使元素消失出现，是通过设置show属性。现在不知道实现位置变化怎么写，思路是应该是图片有个初始位置，有个结束位置，但这些属性在哪写呢？return里的data里吗？

为图片容器.imgDiv设置css动画，贼香，如

.imgDiv  {
  animation-duration: 2s;
  animation-name: imgmove;
}
@keyframes imgmove {
  from {
    margin-left: 50px;
  }
  to {
    margin-left: 100px;
  }
}

当然，如果你不想影响页面布局，那可以将图片容器设置成绝对定位

现在的效果是点击按钮使图片有个渐渐消失的过程，再点击图片又会慢慢出现，是通过设置v-show属性来实现的，但位置变化是需要绑定style吧？是通过v-bind吗？

通过v-bind。来改变 margin的值。或者用js的方法

CSDN怎么不能上传图片了？？？

写个css动画不行吗