vue过渡问题

Question

我想知道name属性是干嘛用的？

Answer 1

name属性是你的过渡效果class的名例如<style>.slide-enter-active, .slide-leave-active {&nbsp; transform:translateY(-100px);}.slide-enter, .slide-leave-active {&nbsp; transform:translateY(0px);}</style><transition name="slide">&nbsp; &nbsp; <p v-if="show">Hi</p>&nbsp; &nbsp;&nbsp;</transtion>new Vue({&nbsp; &nbsp; data:{&nbsp; &nbsp; &nbsp; &nbsp;show : false&nbsp;&nbsp; &nbsp; }})控制data中的show的值,改变p标签的渲染状态,状态改变时会从style里设置的.slide类展示效果.