Vue进入/离开动画效果 - 行业资讯 - 肥雀云_南京肥雀信息技术有限公司

(注:写到vue单文件中了)

　　　　　　& lt; template> 　　& lt; div> 　　v & lt;按钮:点击=罢故?!秀”比; 　　切换　　& lt;/button> 　　& lt;过渡的名字=巴噬北? 　　& lt; p v="显示"祝辞hello

　　& lt;/transition> 　　& lt;/div> 　　& lt;/template> 　　& lt; script> 　　出口默认{ 　　数据:函数(){ 　　返回{ 　　显示:真　　} 　　} 　　} 　　& lt;/script> 　　& lt; style> 　　.fade-enter-active, 　　.fade-leave-active { 　　过渡:透明度0 　　} 　　　　.fade-enter, 　　.fade-leave-to { 　　透明度:0 　　} 　　& lt;/style> 　　　　

(1)需要过渡标签包裹。

(2) 6个类状态

Vue进入/离开动画效果