Vue动画的巧用

vue 动画，子选择器 在Vue中，我们使用的Vue原生的动画，并编写v-enter-to等等css样式。

那么，要是我们想开发一个背景淡进，然后弹窗从底部出来效果的组件呢？

这个时候就可以使用css的子选择器啦。

大概过程就是，通过vue在进行动画的时候添加的class，然后通过设置这个class的子选择器的translate，设置弹出效果，父元素就是背景淡进的相关css样式啦。

这样就简单巧用Vue的动画，实现背景淡进，弹窗从底部弹出的效果啦